/**
 * JQC Quiz Discovery - Phase 2G-6
 * Section chrome only. Cards + grid stay in jqc-quiz-cards.css.
 */

.jqc-quiz-discovery {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.jqc-quiz-discovery__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 8px 16px;
	margin: 0 0 18px;
}

.jqc-quiz-discovery__title {
	margin: 0;
	font-size: clamp(1.15rem, 1rem + 0.6vw, 1.6rem);
	line-height: 1.25;
	color: #16232b;
}

.jqc-quiz-discovery__viewall {
	display: none !important;
}

.jqc-quiz-discovery__empty {
	margin: 0;
	padding: 18px 20px;
	border: 1px dashed #e3e7ea;
	border-radius: 14px;
	background: #f5f7f8;
	color: #5a6b74;
	font-size: .95rem;
}

.jqc-quiz-discovery__empty p {
	margin: 0;
}

/* Bottom CTA wrapper is centered across all devices */
.jqc-quiz-discovery__cta-bottom {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin-top: 28px !important;
	width: 100% !important;
}

.jqc-quiz-discovery__btn,
a.jqc-quiz-discovery__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 46px !important;
	padding: 12px 28px !important;
	background-color: #14417C !important;
	color: #ffffff !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	border-radius: 10px !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(20, 65, 124, 0.15) !important;
	box-sizing: border-box !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	width: fit-content !important;
	max-width: 100% !important;
}

.jqc-quiz-discovery__btn:hover,
.jqc-quiz-discovery__btn:focus,
a.jqc-quiz-discovery__btn:hover,
a.jqc-quiz-discovery__btn:focus {
	background-color: #0D2B59 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 18px rgba(13, 43, 89, 0.25) !important;
	text-decoration: none !important;
}

.jqc-quiz-discovery__btn span {
	color: #ffffff !important;
	text-decoration: none !important;
}

@media (max-width: 480px) {
	.jqc-quiz-discovery__head {
		margin-bottom: 14px;
	}
}