/* White, blue and gold high-clarity theme */
:root{
  --wbg-white:#ffffff;
  --wbg-soft:#f4f9ff;
  --wbg-soft-2:#eaf4ff;
  --wbg-blue:#1267c9;
  --wbg-blue-bright:#2787e6;
  --wbg-blue-deep:#174f91;
  --wbg-blue-text:#214f7c;
  --wbg-gold:#c49736;
  --wbg-gold-light:#edd28b;
  --wbg-line:#cfe0f2;
  --ink:#174f91;
  --text:#315f88;
  --muted:#55728e;
  --panel:#ffffff;
  --panel-2:#f7fbff;
  --alt:#eef6ff;
  --line:#cfe0f2;
  --line-gold:rgba(196,151,54,.35);
  --gold:#c49736;
  --gold-deep:#946b18;
  --gold-soft:#edd28b;
  --blue:#1267c9;
  --indigo:#2787e6;
  --cyan:#4aa9ee;
  --grad:linear-gradient(135deg,#1267c9,#2787e6);
  --gold-grad:linear-gradient(135deg,#d9b85f,#b58527);
  --shadow-sm:0 8px 24px rgba(23,79,145,.09);
  --shadow-md:0 20px 55px rgba(23,79,145,.14);
  --shadow-lg:0 36px 90px rgba(23,79,145,.2)
}

body{
  color:var(--wbg-blue-text);
  background:
    radial-gradient(circle at 5% 18%,rgba(39,135,230,.08),transparent 26rem),
    radial-gradient(circle at 95% 66%,rgba(196,151,54,.08),transparent 29rem),
    var(--wbg-white)
}
body::selection{background:#d8ebff;color:var(--wbg-blue-deep)}
h1,h2,h3,h4,strong,b{color:var(--wbg-blue-deep)}
p,.lead,.subtitle{color:var(--muted)}
a{color:var(--wbg-blue)}
a:hover{color:#0d55aa}
.alt-bg{background:linear-gradient(180deg,#f7fbff,#edf6ff);border-color:var(--wbg-line)}
.eyebrow{color:var(--gold-deep)}
.gt{background:linear-gradient(105deg,#0f66c8,#2790ec 55%,#bc8b2e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gg{background:linear-gradient(115deg,#d4ae50,#946b18);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* White navigation with clear blue text */
.site-header,.site-header.scrolled{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--wbg-line);
  box-shadow:0 9px 30px rgba(23,79,145,.09);
  backdrop-filter:blur(20px) saturate(145%)
}
.brand,.site-header .brand{color:var(--wbg-blue-deep)}
.brand small,.site-header .brand small{color:var(--gold-deep)}
.brand .logo{box-shadow:0 9px 24px rgba(23,79,145,.12);filter:none}
.nav-links>li>a{color:var(--wbg-blue-deep)}
.nav-links>li>a:hover,.nav-links a.active:not(.btn){color:var(--wbg-blue)}
.nav-links>li>a:not(.btn)::after{background:linear-gradient(90deg,var(--wbg-blue),var(--wbg-gold))}
.nav-toggle{color:var(--wbg-blue-deep);background:#eef6ff;border:1px solid var(--wbg-line)}
.nav-toggle:hover{background:#e1efff}
.nav-links .btn,.btn--wa,.fab-wa{
  color:#fff;background:linear-gradient(135deg,#1267c9,#2787e6);
  border-color:transparent;box-shadow:0 14px 34px rgba(18,103,201,.24)
}
.language-control::before{color:var(--wbg-blue-deep)}
.language-control::after{color:var(--wbg-blue-deep)}
.language-control select{
  color:var(--wbg-blue-deep);background:#f3f8ff;
  border-color:var(--wbg-line)
}
.language-control select:hover{background:#e9f3ff;border-color:#83b7e8}
.language-control option{background:#fff;color:var(--wbg-blue-deep)}
.translation-toast{background:var(--wbg-blue);border-color:#90bce8;box-shadow:0 18px 48px rgba(23,79,145,.2)}

/* Blue hero with bright readable copy */
.hero{
  background:
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.24),transparent 31%),
    radial-gradient(circle at 9% 100%,rgba(237,210,139,.24),transparent 34%),
    linear-gradient(130deg,#0e61be 0%,#1979d6 55%,#4aa9ee 100%)
}
.hero::before{background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);filter:blur(20px);opacity:1}
.hero::after{background:radial-gradient(circle,rgba(237,210,139,.3),transparent 70%);filter:blur(15px);opacity:1}
.hero h1,.hero-trust .stat b{color:#fff;text-shadow:0 5px 22px rgba(23,79,145,.2)}
.hero .subtitle,.hero .lead,.hero-trust .stat span{color:rgba(255,255,255,.9)}
.ribbon{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.44);box-shadow:none}
.ribbon .st{color:var(--wbg-gold-light)}
.hero .chip{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.hero-video{background:#fff;border-color:#f0d58e;box-shadow:0 32px 75px rgba(23,79,145,.26)}
.hero-video::after{background:linear-gradient(145deg,#fff,transparent 36%,#d2a944)}
.hero-video .tag{background:rgba(255,255,255,.95);color:var(--wbg-blue-deep);border-color:var(--wbg-line);box-shadow:0 12px 28px rgba(23,79,145,.16)}
.marquee{background:var(--wbg-blue-deep);border-color:#5e91c4}
.marquee span{color:#fff}
.marquee span::before{color:var(--wbg-gold-light)}

/* Clear white content surfaces */
.card,.testi,.form-wrap,.result,.openrow,.treatment-card,.hub-card,.related-card,.check-list li,.faq-item{
  background:#fff;border-color:var(--wbg-line);box-shadow:var(--shadow-sm)
}
.card::before,.hub-card::before{background:linear-gradient(90deg,var(--wbg-blue),#58a8e9,var(--wbg-gold))}
.card:hover,.testi:hover,.hub-card:hover,.treatment-card:hover{border-color:#91bce6;box-shadow:var(--shadow-lg)}
.card .icon,.info-list .ic,.testi .who .d,.treatment-card .step,.procedure-stages .stage-no{
  color:#fff;background:linear-gradient(145deg,#1267c9,#2787e6);
  border-color:#efcf7b;box-shadow:0 13px 30px rgba(23,79,145,.2)
}
.card .icon::after,.info-list .ic::after{box-shadow:inset 0 0 0 1px rgba(237,210,139,.5)}
.card p,.testi p,.treatment-card p,.hub-card p,.related-card span,.check-list li,.faq-a p,.info-list span,.info-list a{color:#527392}
.testi .stars{color:var(--wbg-gold)}
.status,.hours-inline b,.hours-table td:last-child{color:var(--wbg-blue-deep)}
.dot.open{background:var(--wbg-blue-bright);box-shadow:0 0 0 0 rgba(39,135,230,.45)}
.dot.closed{background:var(--wbg-gold)}
.doctor-photo{background:#fff;border-color:var(--wbg-line);box-shadow:0 0 0 5px rgba(237,210,139,.28),var(--shadow-lg)}

.stats-band{
  background:
    radial-gradient(circle at 15% 0%,rgba(255,255,255,.22),transparent 35%),
    radial-gradient(circle at 90% 110%,rgba(237,210,139,.28),transparent 39%),
    linear-gradient(135deg,#0f63bf,#2989e1);
  border-color:rgba(255,255,255,.42);box-shadow:0 30px 70px rgba(23,79,145,.25)
}
.stats-band::before{background:linear-gradient(90deg,transparent,#f2d98f,transparent)}
.stat-box b .g{background:linear-gradient(120deg,#fff,#dcefff 47%,#f2d98f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat-box span{color:rgba(255,255,255,.9)}
.stat-box + .stat-box::before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.42),transparent)}

/* Treatment pages */
.treatment-hero,.treatment-hub-hero{
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.22),transparent 29%),
    radial-gradient(circle at 8% 95%,rgba(237,210,139,.28),transparent 33%),
    linear-gradient(130deg,#0e61be,#197bd8 58%,#4aa9ee)
}
.treatment-hero h1,.treatment-hub-hero h1{color:#fff;text-shadow:0 5px 22px rgba(23,79,145,.2)}
.treatment-hero .subtitle,.treatment-hub-hero .lead{color:rgba(255,255,255,.92)}
.crumbs{color:rgba(255,255,255,.8)}
.crumbs a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.language-pill{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.42)}
.trust-list li{color:var(--wbg-blue-deep);background:#fff;border-color:#dbe9f7;box-shadow:0 8px 20px rgba(23,79,145,.1)}
.treatment-panel{
  color:var(--wbg-blue-text);background:rgba(255,255,255,.97);
  border-color:#dceaf7;box-shadow:0 30px 70px rgba(23,79,145,.25)
}
.treatment-panel::before{background:linear-gradient(145deg,rgba(39,135,230,.08),transparent 45%,rgba(196,151,54,.09))}
.treatment-panel::after{background:rgba(39,135,230,.07)}
.treatment-panel h2,.treatment-panel b{color:var(--wbg-blue-deep)}
.treatment-panel p,.panel-points li{color:#527392}
.panel-points li{border-bottom-color:#dce8f4}
.panel-points li::before{color:var(--wbg-gold)}
.ad-copy{background:#fff8e7;border-color:var(--wbg-gold)}
.ad-copy b{color:var(--wbg-blue-deep)}
.ad-copy span{color:#6a7886}
.treatment-hub-hero .eyebrow{color:#fff}
.treatment-hub-hero .btn--ghost{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45)}
.hub-card .lang,.professional-kicker{color:var(--gold-deep)}
.hub-card .learn{color:var(--wbg-blue)}
.professional-strip{background:#fff;border-color:var(--wbg-line);box-shadow:0 15px 42px rgba(23,79,145,.09)}
.professional-strip strong{color:var(--wbg-blue-deep)}
.professional-strip-grid>div+div::before{background:linear-gradient(180deg,transparent,#c8dced,transparent)}
.notice{background:#eef7ff;border-color:#cfe3f7;color:#496b89}
.notice strong{color:var(--wbg-blue-deep)}
.procedure-section{background:#fff}
.procedure-figure{background:#fff;border-color:var(--wbg-line);box-shadow:0 28px 72px rgba(23,79,145,.16)}
.procedure-caption{background:linear-gradient(180deg,#fff,#f3f8ff)}
.procedure-note{color:#617f9a}
.final-qa{background:linear-gradient(180deg,#f5faff,#fff)}
.faq-q{color:var(--wbg-blue-deep)}
.faq-q .chev{color:var(--wbg-gold)}

/* Forms, interactive elements and accessibility */
.field label{color:var(--gold-deep)}
.field input,.field select,.field textarea{color:var(--wbg-blue-deep);background:#f7fbff;border-color:var(--wbg-line)}
.field input::placeholder,.field textarea::placeholder{color:#587691}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--wbg-blue);box-shadow:0 0 0 4px rgba(18,103,201,.12)}
.field .err{color:#8a6419}.field.bad input,.field.bad select,.field.bad textarea{border-color:var(--wbg-gold)}
.preview,.legal-note{background:linear-gradient(180deg,#fff9ea,#f3f8ff);border-color:rgba(196,151,54,.38)}
.symptom{color:var(--wbg-blue-deep);background:#f5faff;border-color:var(--wbg-line)}
.symptom:hover{background:#fff;border-color:var(--wbg-gold);box-shadow:var(--shadow-md)}
.symptom.active,.ba-tab.active{color:#fff;background:linear-gradient(135deg,var(--wbg-blue),var(--wbg-blue-bright));box-shadow:0 12px 28px rgba(18,103,201,.23)}
.ba{border-color:#d5b65e;box-shadow:var(--shadow-lg)}
.ba .knob{background:linear-gradient(135deg,var(--wbg-blue),var(--wbg-blue-bright));box-shadow:0 8px 22px rgba(23,79,145,.24)}
.ba .handle{background:linear-gradient(var(--wbg-gold),#fff,var(--wbg-gold))}

.cta-band{
  background:
    radial-gradient(circle at 17% -10%,rgba(255,255,255,.24),transparent 36%),
    radial-gradient(circle at 100% 120%,rgba(237,210,139,.32),transparent 40%),
    linear-gradient(130deg,#0f63bf,#2989e1);
  box-shadow:0 30px 72px rgba(23,79,145,.23)
}
.cta-band h2,.cta-band p{color:#fff}
.cta-band .btn--ghost[style*="background:#fff"]{color:var(--wbg-blue-deep)!important}

/* Rich blue footer */
.site-footer{background:linear-gradient(135deg,#0f5eb4,#1f7ed3);border-top-color:#86b9e5;color:#fff}
.site-footer::before{background:linear-gradient(90deg,transparent,#fff,#efcf78,transparent)}
.site-footer h4,.site-footer .brand,.site-footer .brand span{color:#fff}
.site-footer .brand small{color:var(--wbg-gold-light)}
.site-footer p,.footer-links a,.footer-links span,.footer-bottom{color:rgba(255,255,255,.88)}
.footer-links a:hover{color:#fff1bd}
.footer-bottom{border-top-color:rgba(255,255,255,.3)}
.footer-legal a{color:#fff}
.to-top{color:#fff;background:linear-gradient(135deg,#d3aa4e,#b58324);border-color:#f0da98;box-shadow:0 14px 34px rgba(148,107,24,.24)}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d4a942;outline-offset:4px}

@media(max-width:920px){
  .nav-links{background:#fff;border-bottom-color:var(--wbg-line);box-shadow:0 26px 55px rgba(23,79,145,.14)}
  .language-control{color:var(--wbg-blue-deep)}
  .professional-strip-grid>div+div::before{background:linear-gradient(90deg,transparent,#c8dced,transparent)}
}