/* Shared live header (front.home.partials.site_header) for layouts that are
   not built on the homepage stylesheet (Bootstrap-based auth pages).
   Copied from wwt_illness_header-hero.css and scoped to the chrome containers
   so nothing leaks into the page's own CSS. Variables live on the chrome
   roots, not :root. Font faces come from fonts.css (Plus Jakarta Sans). */
.emergency,.hdr,.mnav,#mdq{--green:#0E7A5F;--green-dark:#0B5C48;--forest:#0B2A22;--tint:#EAF4EF;--ink:#10241E;--ink-body:#12241E;--gray-soft:#556960;--line:#E4ECE8;--line-soft:#EEF3F0;--pad-x:32px;--nav-disp:flex;--login-disp:inline;--burger-disp:none}
.emergency,.hdr,.mnav,#mdq{font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:normal;letter-spacing:normal;color:var(--ink-body);-webkit-font-smoothing:auto}
.hdr img{vertical-align:baseline}
.hdr :is(h1,h2,h3,p,ul,ol,li){margin:0;padding:0}
.hdr li{list-style:none}
.emergency a,.hdr a{text-decoration:none;color:inherit}
.hdr a:hover{color:var(--green)}
.hdr a:focus-visible,.hdr button:focus-visible{outline:3px solid #20B47F;outline-offset:2px;border-radius:6px}
.hdr .wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad-x)}

.emergency{background:#FDF1EC;border-bottom:1px solid #F3D3C6;text-align:center;padding:9px 16px;font-size:13px;font-weight:700;color:#A2492A}
.hdr{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}
.hdr .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;color:var(--green)}
.hdr .logo:hover{color:var(--green-dark)}
.hdr .nav{display:var(--nav-disp);flex-wrap:nowrap;align-items:center;gap:26px;margin:0;padding:0;font-size:14.5px;font-weight:600;color:#324840}
.hdr .nav a{transition:color .15s;color:#324840}
.hdr .nav a:hover{color:var(--green)}
.hdr-cta{display:flex;align-items:center;gap:12px}
.hdr .login{display:var(--login-disp);font-size:14.5px;font-weight:600;color:var(--green)}
.hdr .login:hover{color:var(--green-dark)}
.hdr .burger{display:var(--burger-disp);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;background:#fff;border:1.5px solid #C6D8D0;border-radius:11px;cursor:pointer;padding:0}
.hdr .burger span{width:17px;height:2px;background:var(--ink);border-radius:2px;display:block}
.mnav{display:none;border-top:1px solid var(--line-soft);background:#fff;padding:8px var(--pad-x) 16px;flex-direction:column;gap:2px}
.mnav.open{display:flex}
.mnav a{padding:13px 10px;border-radius:10px;font-weight:700;font-size:15px;color:#28382F;text-decoration:none}
.mnav a:hover{background:#F4F8F6;color:var(--green)}
.mnav-rx{color:var(--green)!important;font-weight:800!important}
.hdr-cta .btn,.mnav .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--green);color:#fff;font-weight:800;letter-spacing:-.01em;border:none;cursor:pointer;line-height:normal;transition:all .18s ease}
.hdr-cta .btn{min-height:44px;padding:11px 20px;font-size:13.5px;border-radius:11px}
.mnav .btn{width:100%;margin-top:8px;min-height:48px;padding:14px;font-size:15px;border-radius:12px}
.hdr-cta .btn:hover,.mnav .btn:hover,.hdr-cta .btn:focus,.mnav .btn:focus{background:var(--green-dark);color:#fff;box-shadow:none}
.hdr-cta .btn:hover{transform:translateY(-1px)}

.skip{position:fixed;top:-70px;left:16px;z-index:100;background:#0B2A22;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px;transition:top .15s}
.skip:focus{top:12px;color:#fff}


@media (max-width:1024px){
  .hdr{--nav-disp:none;--login-disp:none;--burger-disp:inline-flex}
  .hdr-in{padding:8px 0}
  .hdr .logo{font-size:18px;min-height:44px}
  .mdq-lbl{display:none}
  .hdr-cta .btn{display:none}
  .emergency{padding:6px 12px;font-size:11.5px;line-height:1.3;letter-spacing:-.01em}
}

/* body.hdr-minimal (signup funnel): same chrome, menu/search/booking CTA
   hidden, Log in shown as the filled button on every width. */
body.hdr-minimal .hdr .nav,body.hdr-minimal .hdr .mdq-btn,body.hdr-minimal .hdr-cta .btn,body.hdr-minimal .hdr .burger,body.hdr-minimal .mnav{display:none}
body.hdr-minimal .hdr .login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 24px;background:var(--green);color:#fff;font-weight:800;font-size:13.5px;letter-spacing:-.01em;border-radius:11px;transition:all .18s ease}
body.hdr-minimal .hdr .login:hover{background:var(--green-dark);color:#fff;transform:translateY(-1px)}
