/* ===========================================================================
   light.css, THE DEXAFIT SKIN
   DexaFit NY is a white site. Its Duda build runs on --color_3 #FFFFFF with
   #2D2E32 text and #01A0DF as the only accent. The Prefusion system we lifted
   is dark-first, so this file flips every dark surface to the white base and
   leaves the structure, spacing, radii and motion untouched.
   Load order: site.css -> bridge.css -> light.css. Last file wins.
   =========================================================================== */

html,body{background:var(--paper);color:var(--txt-dark)}

/* ---- announcement bar ---------------------------------------------------- */
.topbar{background:var(--sky);color:#2b5f79;border-bottom:1px solid #d5e9f5}
.topbar b{color:var(--blue2)}
.topbar .dot{color:var(--blue)}
.topbar a{color:var(--blue2)}

/* ---- nav ----------------------------------------------------------------- */
.nav .nav-inner,.nav.scrolled .nav-inner{background:rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(1.3);
  border:1px solid var(--line-l);box-shadow:0 8px 26px rgba(10,18,25,.08)}
.nav.scrolled{background:transparent;border-bottom:none}
.nav .nav-links a,.nav.scrolled .nav-links a,.mega-trig{color:var(--txt-dark)}
.nav .nav-links a:hover,.nav.scrolled .nav-links a:hover,.mega-trig:hover{color:var(--blue2)}
.nav .nav-links a.on{color:var(--blue2)}
.nav-phone,.nav.scrolled .nav-phone{color:var(--txt-dark)!important}
.logo-txt,.nav.scrolled .logo-txt{color:var(--txt-dark)}
.menubtn{background:var(--mist);border:1px solid var(--line-l)}
.menubtn:hover{background:var(--sky);border-color:#bcdcef}
.menubtn svg{stroke:var(--txt-dark)}

/* ---- heroes -------------------------------------------------------------- */
.hero,.svchero,.svchero-split{background:var(--paper);color:var(--txt-dark)}
.hero-visual img,.svchero-media img{max-height:620px;object-fit:cover;border-radius:20px}
.svchero{padding:120px 0 78px}
.hero h1,.svchero h1,.hero .lead,.svchero .lead{color:var(--txt-dark)}
.hero .lead,.svchero .lead{color:var(--muted)}
.hero{padding:96px 0 86px}
.hero .glow.g1{background:radial-gradient(circle,rgba(0,159,223,.20),rgba(1,119,168,.06) 45%,transparent 70%)}
.hero .glow.g2{background:radial-gradient(circle,rgba(0,159,223,.13),transparent 70%)}
.hero-badge,.chip{background:var(--sky);border:1px solid #c6e4f5;color:var(--blue2)}
.hero-trust,.htrust{color:var(--muted)}
.hero-trust b,.htrust b{color:var(--txt-dark)}
.hero-trust .d,.htrust .d{color:var(--blue)}
.crumb,.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--blue2)}
.price{color:var(--txt-dark)}
.price small{color:var(--muted)}
.eyebrow.on-dark{color:var(--blue2)}

/* buttons that were built for a dark ground now sit on white */
.btn-ghost-d{background:var(--paper);border-color:var(--line-l);color:var(--txt-dark);backdrop-filter:none}
.btn-ghost-d:hover{background:var(--mist);border-color:#bcdcef;color:var(--blue2)}

/* ---- dark utility sections ---------------------------------------------- */
.bg-ink{background:var(--mist);color:var(--txt-dark)}
.bg-ink h1,.bg-ink h2,.bg-ink h3{color:var(--txt-dark)}

/* ---- B3 pathway strip ---------------------------------------------------- */
.b3{background:var(--mist);color:var(--txt-dark);border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.b3 .eyebrow{color:var(--blue2)}
.b3-h{color:var(--txt-dark)}
.b3-sub{color:var(--muted)}
.b3-stage{background:var(--paper);border:1px solid var(--line-l)}
.b3-stage.is-dexafit{background:var(--sky);border-color:#c6e4f5}
.b3-idx{color:var(--muted)}
.b3-stage.is-dexafit .b3-idx{color:var(--blue2)}
.b3-k{color:var(--txt-dark)}
.b3-v{color:var(--muted)}
.b3-arrow{color:#9fb3bf}
.b3-bracket-l{background:var(--line-l)}
.b3-bracket-r{background:#5BA800}
.b3-bracket-r span{background:var(--mist);color:#4d8f00}

/* ---- B4 footer band ------------------------------------------------------ */
.b4{background:var(--sky);border:1px solid #d5e9f5;border-bottom:none;color:var(--txt-dark)}
.b4-t{color:var(--muted)}
.b4-t b{color:var(--txt-dark)}
.b4 a.b4-go{color:var(--blue2)}
.b4 a.b4-go:hover{color:var(--blue)}

/* ---- final CTA ----------------------------------------------------------- */
.finalcta{background:var(--sky);border-top:1px solid #d5e9f5}
.finalcta h2{color:var(--txt-dark)}
.finalcta p{color:var(--muted)}

/* ---- footer -------------------------------------------------------------- */
.foot{background:var(--mist);color:var(--txt-dark);border-top:1px solid var(--line-l)}
.foot .bd{color:var(--muted)}
.foot h5{color:var(--txt-dark)}
.foot .fl{color:var(--muted)}
.foot .fl:hover{color:var(--blue2)}
.foot .fl b{color:var(--txt-dark)}
.foot-bottom{color:var(--muted);border-top:1px solid var(--line-l)}
.foot-tools{border-top:1px solid var(--line-l)}
.foot-tools a{color:var(--blue2)}

/* ---- drawer stays dark on purpose: it is an overlay, not a page surface,
       and a white sheet over a white page loses its edge. Accent recoloured. */
.drawer-links a:hover{color:var(--blue)}

/* ---- misc surfaces that assumed a dark page ------------------------------ */
.stickycta{background:rgba(255,255,255,.94);border-top:1px solid var(--line-l)}
.sc-text,.sc-text span{color:var(--txt-dark)}
.pf-rail{background:var(--blue);color:#04222E}

/* 390px: the CTA group overhung the nav pill by 4px (measured, not guessed) */
@media(max-width:420px){
  .nav .nav-inner{padding:7px 7px 7px 14px;gap:10px}
  .nav-cta{gap:8px}
  .nav-cta .btn{padding:11px 16px;font-size:13.5px}
  .menubtn{width:38px;height:38px}
  .brand .logo-img{height:24px!important}
}

/* ---- the inner-page hero had a dark scrim painted ON TOP of the background,
       so recolouring .svchero alone left every inner page dark. Caught on the
       54-page contact sheet, not by any code check. ------------------------- */
.svchero::after{background:radial-gradient(880px 520px at 82% -12%,rgba(0,159,223,.13),transparent 62%),
  linear-gradient(180deg,rgba(255,255,255,0),rgba(242,247,250,.55))}
.svchero .bgimg img{opacity:.10}
.svchero .lead,.svchero p{color:var(--muted)}
.svchero h1,.svchero h2,.svchero h3{color:var(--txt-dark)}

/* ---- the Mindbody buy button was built dark for the Prefusion ground ----- */
.ccard .hc-wrap healcode-widget .healcode-link{background:var(--blue)!important;color:#04222E!important}
.ccard .hc-wrap healcode-widget .healcode-link:hover{background:#1fb2ee!important}
.ccard healcode-widget:empty{background:var(--blue);color:#04222E}