/*
 * Admissions (/admissions/) only — typography, colours, buttons and alignment brought in line with the
 * About Us page (2026-10-23). Layout unchanged on purpose. Loaded only on the Admissions template
 * (see functions.php); every rule is scoped to this page's <main>, so header and footer are untouched.
 * The shared Voices / Awards blocks (same as the home page) are deliberately not restyled.
 */
.page-template-admissions main {
	--ad-ink: #14215c;
	--ad-text: #3b3f63;
	--ad-navy: #1b2f55;
	--ad-purple: #6d28d9;
	--ad-orange: #f26a1b;
	--ad-line: #e7e8f2;
}
.page-template-admissions main :is(.admissions-hero, .get-started, .admission-journey, .campus-visit, .quick-answer, .why-choose, .admissions-faq) h2 { color: var(--ad-ink); font-weight: 800; letter-spacing: -0.01em; font-size: clamp(22px, 2vw, 29px); }
.page-template-admissions main .eyebrow { color: var(--ad-purple); font-size: 12px; letter-spacing: 0.06em; }
/* Rectangular buttons (About Us style) instead of pills */
.page-template-admissions main :is(.admissions-hero, .admission-journey, .campus-visit, .admissions-cta) .btn { border-radius: 8px; font-weight: 700; }
.page-template-admissions main .admissions-hero .btn--dark { background: var(--ad-navy); }
.page-template-admissions main .admissions-hero .btn--outline { background: #fff; border: 1.5px solid #8b7fd0; color: var(--ad-ink); }

/* ---------- Hero ---------- */
.page-template-admissions main .admissions-hero { background: #fafafc; }
.page-template-admissions main .admissions-hero__copy h1 { color: var(--ad-ink); font-size: clamp(32px, 3.6vw, 54px); font-weight: 800; line-height: 1.12; letter-spacing: -0.02em; margin: 8px 0 20px; }
.page-template-admissions main .admissions-hero__copy h1 .text-orange { color: var(--ad-orange); }
.page-template-admissions main .admissions-hero__desc { color: var(--ad-ink); font-size: 16.5px; line-height: 1.8; max-width: 50ch; margin-bottom: 26px; }
.page-template-admissions main .admissions-hero__actions { gap: 16px; margin-bottom: 28px; }
.page-template-admissions main .admissions-hero__actions .btn { padding: 13px 22px; font-size: 14.5px; }
.page-template-admissions main .admissions-hero__badges { gap: 12px 22px; }
.page-template-admissions main .admissions-hero__badges li { font-size: 14px; color: var(--ad-ink); }
.page-template-admissions main .admissions-hero__quote p { color: var(--ad-ink); font-size: 16px; }
.page-template-admissions main .admissions-hero__quote-caption { color: var(--ad-text); font-size: 12.5px; }

/* ---------- How do you want to get started? ---------- */
.page-template-admissions main .get-started__card { border-color: var(--ad-line); border-radius: 14px; box-shadow: 0 6px 18px rgba(20, 33, 92, 0.05); }
.page-template-admissions main .get-started__body { padding: 24px 20px; }
.page-template-admissions main .get-started__icon { width: 46px; height: 46px; border-radius: 50%; }
.page-template-admissions main .get-started__icon svg { width: 22px; height: 22px; }
.page-template-admissions main .get-started__card h3 { color: var(--ad-ink); font-size: 17px; font-weight: 800; line-height: 1.3; margin: 14px 0 8px; }
.page-template-admissions main .get-started__card p { color: var(--ad-text); font-size: 14px; line-height: 1.6; margin-bottom: 14px; }
.page-template-admissions main .get-started__link { color: var(--ad-purple); font-size: 14px; }

/* ---------- Our Simple Admission Journey ---------- */
.page-template-admissions main .admission-journey { background: #fafafc; border-top: 1px solid var(--ad-line); border-bottom: 1px solid var(--ad-line); }
.page-template-admissions main .admission-journey .inquiry-step strong { font-size: 14px; letter-spacing: 0.03em; margin-bottom: 8px; }
.page-template-admissions main .admission-journey .inquiry-step p { color: var(--ad-ink); font-size: 14px; line-height: 1.55; }
.page-template-admissions main .admission-journey .inquiry-step__icon { width: 64px; height: 64px; }
.page-template-admissions main .admission-journey .inquiry-step__icon svg { width: 30px; height: 30px; }
.page-template-admissions main .admission-journey__cta .btn { padding: 13px 26px; font-size: 15px; background: var(--ad-navy); }

/* ---------- Book a Campus Visit ---------- */
.page-template-admissions main .campus-visit { background: #fff; }
.page-template-admissions main .campus-visit__card { border-radius: 14px; background: linear-gradient(140deg, #1b1070 0%, #1b2f55 100%); box-shadow: 0 16px 36px rgba(27, 16, 112, 0.22); }
.page-template-admissions main .campus-visit__card h2 { color: #fff; font-size: clamp(22px, 2vw, 28px); }
.page-template-admissions main .campus-visit__card > p { color: #e4e0f7; font-size: 15px; }
.page-template-admissions main .campus-visit__card .hero__field-label { font-size: 13.5px; font-weight: 600; }
.page-template-admissions main .campus-visit__card .hero__field select,
.page-template-admissions main .campus-visit__card .hero__field input { border-radius: 8px; font-size: 14px; }
.page-template-admissions main .campus-visit__card .btn { padding: 14px 22px; font-size: 15px; }
.page-template-admissions main .campus-visit__card .school-enquiry-form__note { font-size: 13px; }
.page-template-admissions main .campus-visit__media { border-radius: 14px; box-shadow: 0 16px 36px rgba(20, 33, 92, 0.12); }

/* ---------- Need a quick answer? ---------- */
.page-template-admissions main .quick-answer__card { border-color: var(--ad-line); border-radius: 14px; box-shadow: 0 6px 18px rgba(20, 33, 92, 0.05); }
.page-template-admissions main .quick-answer__icon { width: 54px; height: 54px; }
.page-template-admissions main .quick-answer__icon svg { width: 24px; height: 24px; }
.page-template-admissions main .quick-answer__card h3 { color: var(--ad-ink); font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.page-template-admissions main .quick-answer__card p { color: var(--ad-text); font-size: 14px; line-height: 1.6; margin-bottom: 14px; }
.page-template-admissions main .quick-answer__link { color: var(--ad-purple); font-size: 14px; }

/* ---------- Why Parents Choose Edify ---------- */
.page-template-admissions main .why-choose { background: #fafafc; border-top: 1px solid var(--ad-line); border-bottom: 1px solid var(--ad-line); }
.page-template-admissions main .why-choose__icon { width: 60px; height: 60px; }
.page-template-admissions main .why-choose__icon svg { width: 28px; height: 28px; }
.page-template-admissions main .why-choose__item strong { font-size: 15px; margin-bottom: 8px; }
.page-template-admissions main .why-choose__desc { color: var(--ad-ink); font-size: 13.5px; line-height: 1.6; }

/* ---------- FAQ ---------- */
.page-template-admissions main .admissions-faq__item { border: 1px solid var(--ad-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 12px rgba(20, 33, 92, 0.04); }
.page-template-admissions main .admissions-faq__item summary { color: var(--ad-ink); font-size: 15px; font-weight: 700; }
.page-template-admissions main .admissions-faq__item p { color: var(--ad-text); font-size: 14px; line-height: 1.65; }

/* ---------- Ready to experience Edify? ---------- */
.page-template-admissions main .admissions-cta h2 { font-size: clamp(24px, 2.4vw, 34px); font-weight: 800; letter-spacing: -0.01em; }
.page-template-admissions main .admissions-cta p { font-size: 16px; }
.page-template-admissions main .admissions-cta .btn { padding: 13px 24px; font-size: 15px; }

/* ==== Admissions UI pass (2026-10-27): homepage-style panels, card shadows,
   coloured icon glows, shared Voices/Awards styling, mobile hero + card fixes ==== */
.page-template-admissions main {
	--ad-panel-border: 1px solid rgba(79, 91, 234, 0.12);
	--ad-panel-bg:
		radial-gradient(420px 260px at 0% 0%, rgba(124, 58, 237, 0.06), transparent 70%),
		radial-gradient(360px 240px at 100% 100%, rgba(242, 112, 27, 0.05), transparent 70%),
		linear-gradient(135deg, #f7f6fc 0%, #fafbfd 55%, #f4f6fb 100%);
	--ad-panel-shadow: 0 2px 6px rgba(16, 31, 77, 0.05), 0 22px 48px -14px rgba(79, 91, 234, 0.32);
	--ad-card-shadow: 0 2px 6px rgba(16, 31, 77, 0.04), 0 14px 30px -16px rgba(16, 31, 77, 0.28);
	--ad-card-hover: 0 4px 10px rgba(16, 31, 77, 0.05), 0 24px 44px -16px rgba(79, 91, 234, 0.48);
}

/* 6. Awards + Voices: same card / panel styling as the home page (1.6.9) */
.page-template-admissions main .awards__track { gap: 12px; padding: 10px 4px 16px; align-items: stretch; }
.page-template-admissions main .award {
	width: 124px;
	padding: 18px 10px 16px;
	background: #fff;
	border: 1px solid rgba(79, 91, 234, 0.12);
	border-radius: 16px;
	box-shadow: 0 10px 24px -12px rgba(16, 31, 77, 0.28);
	justify-content: center;
	text-align: center;
	gap: 14px;
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--navy);
	line-height: 1.3;
	position: relative;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}
.page-template-admissions main .award:not(.award--photo)::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 64px;
	background: linear-gradient(180deg, rgba(79, 91, 234, 0.08), transparent);
}
.page-template-admissions main .award:hover { transform: translateY(-4px); box-shadow: 0 18px 32px -14px rgba(79, 91, 234, 0.45); }
.page-template-admissions main .award__badge {
	width: 64px;
	height: 64px;
	position: relative;
	box-shadow: 0 0 0 6px #fff, 0 0 0 7px rgba(79, 91, 234, 0.14), 0 10px 20px -6px rgba(16, 31, 77, 0.45);
}
.page-template-admissions main .award__badge svg { width: 30px; height: 30px; }
.page-template-admissions main .award--photo { width: auto; padding: 8px; }
.page-template-admissions main .award--photo img { height: 100%; min-height: 150px; width: 284px; object-fit: cover; border-radius: 12px; }
@media (max-width: 720px) {
	.page-template-admissions main .award { width: 132px; padding: 18px 10px 14px; }
	.page-template-admissions main .award__badge { width: 54px; height: 54px; }
	.page-template-admissions main .award--photo img { width: 260px; min-height: 150px; }
}


.page-template-admissions main .testimonials > .container {
	border: 1px solid rgba(79, 91, 234, 0.12);
	border-radius: 20px;
	padding: 30px 32px 28px;
	background:
		radial-gradient(420px 260px at 100% 0%, rgba(242, 112, 27, 0.06), transparent 70%),
		radial-gradient(420px 260px at 0% 100%, rgba(124, 58, 237, 0.07), transparent 70%),
		linear-gradient(135deg, #f5f3fb 0%, #f8f9fb 55%, #f2f4fa 100%);
	box-shadow: 0 2px 6px rgba(16, 31, 77, 0.05), 0 22px 48px -14px rgba(79, 91, 234, 0.32);
}
.page-template-admissions main .testimonials h2 { font-size: var(--fs-xl); }
.page-template-admissions main .testimonials h2::before {
	content: "TESTIMONIALS";
	display: block;
	font-size: 13px;
	letter-spacing: .08em;
	font-weight: 700;
	color: var(--purple);
	margin-bottom: 8px;
}
.page-template-admissions main .testimonial {
	border: 1px solid rgba(79, 91, 234, 0.10);
	border-radius: 16px;
	box-shadow: 0 10px 24px -12px rgba(16, 31, 77, 0.28);
	transition: transform .25s ease, box-shadow .25s ease;
}
.page-template-admissions main .testimonial:hover { transform: translateY(-4px); box-shadow: 0 18px 32px -14px rgba(79, 91, 234, 0.45); }
.page-template-admissions main .testimonial__play {
	background: linear-gradient(180deg, transparent 40%, rgba(13, 27, 76, 0.35));
	font-size: 0;
}
.page-template-admissions main .testimonial__play::before {
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23101f4d'/%3E%3C/svg%3E") center/20px no-repeat;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.35), 0 6px 14px rgba(13, 27, 76, 0.35);
}
.page-template-admissions main .testimonial__kicker { color: #f0566b; text-transform: uppercase; letter-spacing: .04em; }
.page-template-admissions main .testimonial__source { color: var(--navy); font-weight: 700; }
.page-template-admissions main .testimonial__quote { font-style: italic; color: #4a5272; }
.page-template-admissions main .testimonials__more { margin: 20px auto 0; padding: 11px 24px; border-radius: 999px; }
@media (max-width: 1240px) {
	.page-template-admissions main .testimonials > .container { border-radius: 0; border-left: none; border-right: none; }
}
@media (max-width: 720px) {
	.page-template-admissions main .testimonials > .container { padding: 26px 18px; }
}

/* 1. Get started cards */
.page-template-admissions main .get-started__card {
	border-color: rgba(79, 91, 234, 0.10);
	border-radius: 16px;
	box-shadow: var(--ad-card-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}
.page-template-admissions main .get-started__card:hover { transform: translateY(-5px); box-shadow: var(--ad-card-hover); }
.page-template-admissions main .get-started__photo { overflow: hidden; }
.page-template-admissions main .get-started__photo img { transition: transform .5s ease; }
.page-template-admissions main .get-started__card:hover .get-started__photo img { transform: scale(1.05); }
.page-template-admissions main .get-started__icon--purple { box-shadow: 0 10px 20px -8px rgba(124, 58, 237, 0.55); }
.page-template-admissions main .get-started__icon--orange { box-shadow: 0 10px 20px -8px rgba(234, 88, 12, 0.55); }
.page-template-admissions main .get-started__icon--green { box-shadow: 0 10px 20px -8px rgba(22, 163, 74, 0.55); }

/* 2. Admission Journey + 4. Why Parents Choose: section becomes a panel */
.page-template-admissions main :is(.admission-journey, .why-choose) { background: #fff; border: 0; }
.page-template-admissions main :is(.admission-journey, .why-choose) > .container {
	border: var(--ad-panel-border);
	border-radius: 20px;
	background: var(--ad-panel-bg);
	box-shadow: var(--ad-panel-shadow);
	padding-top: 34px;
	padding-bottom: 34px;
}
.page-template-admissions main .admission-journey .inquiry-step__icon { border-radius: 50%; transition: transform .25s ease; }
.page-template-admissions main .admission-journey .inquiry-step--green .inquiry-step__icon { box-shadow: 0 14px 26px -10px rgba(22, 163, 74, 0.55); }
.page-template-admissions main .admission-journey .inquiry-step--sky .inquiry-step__icon { box-shadow: 0 14px 26px -10px rgba(14, 165, 233, 0.55); }
.page-template-admissions main .admission-journey .inquiry-step--purple .inquiry-step__icon { box-shadow: 0 14px 26px -10px rgba(124, 58, 237, 0.55); }
.page-template-admissions main .admission-journey .inquiry-step--orange .inquiry-step__icon { box-shadow: 0 14px 26px -10px rgba(249, 115, 22, 0.55); }
.page-template-admissions main .admission-journey .inquiry-step--pink .inquiry-step__icon { box-shadow: 0 14px 26px -10px rgba(236, 72, 153, 0.55); }
.page-template-admissions main .admission-journey .inquiry-step--teal .inquiry-step__icon { box-shadow: 0 14px 26px -10px rgba(13, 148, 136, 0.55); }
.page-template-admissions main .admission-journey .inquiry-step:hover .inquiry-step__icon { transform: translateY(-4px); }
.page-template-admissions main .why-choose__icon { box-shadow: 0 0 0 4px #fff, 0 12px 22px -8px rgba(79, 91, 234, 0.45); }

/* 3. Quick answer cards + pill links */
.page-template-admissions main .quick-answer__card {
	border-color: rgba(79, 91, 234, 0.10);
	border-radius: 16px;
	box-shadow: var(--ad-card-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}
.page-template-admissions main .quick-answer__card:hover { transform: translateY(-5px); box-shadow: var(--ad-card-hover); }
.page-template-admissions main .quick-answer__icon--purple { box-shadow: 0 10px 20px -8px rgba(124, 58, 237, 0.55); }
.page-template-admissions main .quick-answer__icon--green { box-shadow: 0 10px 20px -8px rgba(22, 163, 74, 0.55); }
.page-template-admissions main .quick-answer__icon--orange { box-shadow: 0 10px 20px -8px rgba(234, 88, 12, 0.55); }
.page-template-admissions main .quick-answer__link {
	display: inline-flex;
	padding: 8px 18px;
	border-radius: 999px;
	background: #f1ecfe;
	font-weight: 700;
	transition: background .2s ease, color .2s ease;
}
.page-template-admissions main .quick-answer__card:hover .quick-answer__link { background: var(--ad-purple); color: #fff; }

/* 5. FAQ: soft shadow, open item highlighted, +/- in a circle */
.page-template-admissions main .admissions-faq__item {
	border-color: rgba(79, 91, 234, 0.10);
	border-radius: 14px;
	box-shadow: 0 10px 24px -16px rgba(16, 31, 77, 0.30);
	transition: box-shadow .25s ease, border-color .25s ease;
}
.page-template-admissions main .admissions-faq__item[open] {
	border-color: rgba(79, 91, 234, 0.28);
	box-shadow: inset 3px 0 0 var(--ad-purple), 0 16px 32px -16px rgba(79, 91, 234, 0.45);
}

/* 6. Awards panel (Voices/Awards card styles below are shared with the home page) */
.page-template-admissions main .awards { background: #fff; }
.page-template-admissions main .awards > .container {
	border: var(--ad-panel-border);
	border-radius: 20px;
	background: var(--ad-panel-bg);
	box-shadow: var(--ad-panel-shadow);
	padding: 30px 22px;
}
@media (min-width: 721px) {
	/* fit all 6 award cards + the photo card in one row (panel is narrower than on home) */
	.page-template-admissions main .award { width: 112px; padding: 16px 8px 14px; }
	.page-template-admissions main .award--photo { width: auto; padding: 8px; }
	.page-template-admissions main .award--photo img { width: 296px; object-fit: contain; }
}

/* 7. Campus visit: photo follows the form's height (no empty block under the form) */
@media (min-width: 901px) {
	.page-template-admissions main .campus-visit__media { position: relative; min-height: 320px; }
	.page-template-admissions main .campus-visit__media img { position: absolute; inset: 0; min-height: 0; }
}

@media (max-width: 900px) {
	/* 8. Mobile hero: headline + buttons first, photo after; stray 3C badge hidden */
	.page-template-admissions main .admissions-hero__media { order: 1; margin: 28px 0 0; }
	.page-template-admissions main .admissions-hero__3c { display: none; }
	.page-template-admissions main :is(.admission-journey, .why-choose, .awards) > .container { border-radius: 0; border-left: 0; border-right: 0; }
}
@media (max-width: 720px) {
	/* 9. Get started cards: one clean photo on top (focus on the subject, not the building corner) */
	.page-template-admissions main .get-started__card { display: flex; flex-direction: column; }
	.page-template-admissions main .get-started__photo { order: -1; height: 180px; }
	.page-template-admissions main .get-started__photo img { object-position: center 35%; }
}