/* MissD site — supplemental styles not expressible as Tailwind utility
 * classes alone (identical to the <style> block in the supplied design). */

/* Each page "variant" (see missd_get_design_variant() in functions.php)
 * has its own real mockup palette/fonts — these rules only apply to the
 * homepage's own champagne/Phudu look, not the other variants. */
body.missd-variant-homepage:not(.missd-stitch-layout) {
	background-color: #fef9f0;
	color: #2d241e;
	font-family: 'Manrope', sans-serif;
}
body.missd-variant-clinical {
	background-color: #fbf9f6;
	color: #1b1c1a;
	font-family: 'Manrope', sans-serif;
}
body.missd-variant-facility {
	background-color: #FBF9F6;
	color: #1E1E1C;
	font-family: 'Manrope', sans-serif;
}
body.missd-variant-about {
	background-color: #fff8f6;
	color: #231916;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* The nav is `fixed`, so it's removed from document flow on every page —
 * push content down to clear it, and offset in-page anchor jumps
 * (#services, #doctors, …) so the fixed bar doesn't cover the target. */
html {
	scroll-padding-top: 96px;
}
.site-content {
	padding-top: 72px;
}

.missd-variant-homepage:not(.missd-stitch-layout) .font-display,
.missd-variant-homepage:not(.missd-stitch-layout) h1,
.missd-variant-homepage:not(.missd-stitch-layout) h2,
.missd-variant-homepage:not(.missd-stitch-layout) .main-title-phudu {
	font-family: 'Phudu', sans-serif !important;
}

.missd-variant-homepage:not(.missd-stitch-layout) .font-label-caps,
.missd-variant-homepage:not(.missd-stitch-layout) [class*="label-caps"],
.missd-variant-homepage:not(.missd-stitch-layout) [class*="label-"],
.missd-variant-homepage:not(.missd-stitch-layout) .font-eyebrow,
.missd-variant-homepage:not(.missd-stitch-layout) .eyebrow-text,
.missd-variant-homepage:not(.missd-stitch-layout) .badge-text,
.missd-variant-homepage:not(.missd-stitch-layout) button,
.missd-variant-homepage:not(.missd-stitch-layout) nav a,
.missd-variant-homepage:not(.missd-stitch-layout) .nav-link {
	font-family: 'Manrope', sans-serif !important;
}

.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.missd-filter-pill.is-active {
	background-color: #775a1a !important;
	color: #ffffff !important;
}

.missd-news-card[hidden],
.missd-slide[hidden] {
	display: none !important;
}

/* Mobile menu (see missd_render_site_header in inc/template-tags.php — the
 * desktop menu is styled entirely via inline Tailwind classes already, no
 * extra CSS needed for it here). */
.missd-mobile-menu.is-open {
	display: block !important;
}

.missd-mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.missd-mobile-menu li > a {
	display: block;
	padding: 14px 20px;
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #755a2a;
}

.missd-mobile-menu li.missd-menu-cta > a {
	color: #775a1a;
	font-weight: 700;
}