/* =====================================================================
 * HOME PALETTE VARIANTS — extra chrome tweaks, scoped to body.mc-var-*.
 * Loads only on the preview variant pages (never the real home).
 *  1) Blue/white navigation (navy bar + white text) instead of the cream.
 *  2) Doctor-scroll photos in colour (hover state unchanged).
 * ===================================================================== */

/* ---------- 1. Blue / white navigation ---------- */
body[class*="mc-var-"] .topline{background:#1B3B6F !important;border-bottom:1px solid rgba(255,255,255,.14) !important}
body[class*="mc-var-"] .topline .kick span,
body[class*="mc-var-"] .topline .kick,
body[class*="mc-var-"] .topline a{color:#e8f0fb !important}
body[class*="mc-var-"] .topline a:hover{color:#fff !important}
body[class*="mc-var-"] .topline .t-social svg{color:#e8f0fb !important}

body[class*="mc-var-"] .mast{background:#1B3B6F !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:1px solid rgba(255,255,255,.14) !important}
/* swap the dark wordmark for the light (footer) wordmark */
body[class*="mc-var-"] .mast .logo img{content:url('logo-footer.png');max-height:46px;width:auto}
/* nav links -> white (keep the red pulse underline on hover) */
body[class*="mc-var-"] nav.nav .nav-item > a{color:#fff !important}
body[class*="mc-var-"] nav.nav .nav-item > a:hover{color:#cfe0f5 !important}
/* dropdown panels stay light for readability */
body[class*="mc-var-"] nav.nav .sub{background:#fff !important}
body[class*="mc-var-"] nav.nav .sub a{color:#1B3B6F !important}
body[class*="mc-var-"] nav.nav .sub a:hover{color:#b8282b !important;background:#f2f6fc !important}
/* CTA buttons on the navy bar */
body[class*="mc-var-"] .nav-cta .cta-btn.cta-ghost{color:#fff !important;border:1px solid rgba(255,255,255,.6) !important;background:transparent !important}
body[class*="mc-var-"] .nav-cta .cta-btn.cta-ghost:hover{background:#fff !important;color:#1B3B6F !important}
body[class*="mc-var-"] .nav-cta .cta-btn:not(.cta-ghost){background:#fff !important;color:#1B3B6F !important}
body[class*="mc-var-"] .nav-cta .cta-btn:not(.cta-ghost):hover{background:#cfe0f5 !important;color:#1B3B6F !important}
body[class*="mc-var-"] .burger span{background:#fff !important}
/* news ticker -> deeper navy band, white text */
body[class*="mc-var-"] .mc-ticker-wrap,
body[class*="mc-var-"] .mc-ticker{background:#14305A !important;border-color:rgba(255,255,255,.12) !important}
body[class*="mc-var-"] .mc-ticker,
body[class*="mc-var-"] .mc-ticker a,
body[class*="mc-var-"] .mc-tk-lbl{color:#fff !important}

/* ---------- 2. Doctor-scroll photos in colour (hover unchanged) ---------- */
body[class*="mc-var-"] .mc-docroll-item img{filter:none !important}