/* SEOANALIZIN PREMIUM NAVBAR — isolated visual skin
   Does not change form, analytics, auth, nav URLs, menu JS or Turnstile.
   Deliberately scoped to existing site-header classes. */

.site-header {
  --sa-nav-gold:#e3a500;
  --sa-nav-gold-soft:#ffd465;
  position:sticky;
  top:0;
  z-index:70;
  isolation:isolate;
  overflow:visible;
  background:linear-gradient(100deg,rgba(255,249,237,.95) 0%,rgba(255,255,255,.94) 47%,rgba(245,248,255,.96) 100%);
  border-bottom:1px solid rgba(215,186,124,.22);
  box-shadow:0 5px 24px rgba(23,31,47,.035);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.site-header .header-inner,
.site-header.has-session .header-inner {
  width:min(1510px,calc(100% - 46px));
  max-width:none;
  min-height:70px;
  height:70px;
  margin:9px auto;
  padding:0 clamp(11px,1.5vw,23px);
  gap:clamp(8px,1.1vw,17px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(232,191,99,.47);
  border-radius:25px;
  background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(255,255,255,.80) 62%,rgba(255,250,236,.86));
  box-shadow:0 15px 40px rgba(65,55,32,.085),0 4px 20px rgba(247,195,66,.08),inset 0 1px 0 rgba(255,255,255,.95);
  position:relative;
  overflow:visible;
}
.site-header .header-inner::before {
  content:"";
  position:absolute;
  left:5%;right:5%;bottom:-2px;
  height:2px;
  border-radius:100%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(253,195,54,.45) 18%,rgba(255,255,255,.5) 52%,rgba(235,182,51,.3) 82%,transparent);
  opacity:.85;
}
.site-header .brand {flex:0 0 auto;gap:9px;position:relative;z-index:2}
.site-header .brand-mark {
  width:38px;height:38px;
  border-radius:13px;
  box-shadow:0 7px 18px rgba(206,149,12,.19),inset 0 1px rgba(255,255,255,.6);
}
.site-header .brand-word {font-size:clamp(16px,1.45vw,21px);letter-spacing:-.06em}
.site-header .brand-word strong {color:#172033}
.site-header .brand-word em {color:#ae7600}
.site-header .brand-word small {color:#6d7380}
.site-header .main-nav.v30-main-nav {
  display:flex;
  flex:1 1 auto;
  justify-content:center;
  align-items:center;
  gap:clamp(1px,.35vw,6px);
  margin:0;
  min-width:0;
}
.site-header .main-nav.v30-main-nav>a,
.site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:39px;
  padding:9px clamp(8px,.76vw,13px);
  margin:0;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#354052;
  font-size:clamp(12px,.97vw,14px);
  font-weight:780;
  line-height:1.15;
  letter-spacing:-.015em;
  white-space:nowrap;
  text-decoration:none;
  transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.site-header .main-nav.v30-main-nav>a:first-child {
  border-color:rgba(245,186,43,.32);
  background:linear-gradient(140deg,rgba(255,232,164,.73),rgba(255,250,235,.95));
  color:#805300;
  box-shadow:0 6px 18px rgba(229,161,21,.12);
}
.site-header .main-nav.v30-main-nav>a:hover,
.site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle:hover,
.site-header .main-nav.v30-main-nav>.v30-nav-dropdown.open>.v30-nav-toggle,
.site-header .main-nav.v30-main-nav>a:focus-visible,
.site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle:focus-visible {
  background:rgba(255,226,146,.55);
  border-color:rgba(232,180,44,.30);
  color:#815600;
  box-shadow:0 6px 16px rgba(217,160,35,.10);
  transform:translateY(-1px);
  outline:none;
}
.site-header .main-nav.v30-main-nav .v30-nav-dropdown {min-width:0;position:relative}
.site-header .main-nav.v30-main-nav .v30-nav-toggle svg {width:13px;height:13px;flex:0 0 auto}
.site-header .v30-nav-menu {border-radius:16px;box-shadow:0 19px 52px rgba(19,25,40,.13)}
.site-header .header-actions {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:clamp(4px,.55vw,9px);
  margin-left:0;
  z-index:2;
}
.site-header .site-lang-switch {
  padding:4px 5px;
  gap:2px;
  min-height:40px;
  border:1px solid #e9e9ed;
  border-radius:14px;
  background:rgba(255,255,255,.77);
  box-shadow:0 4px 15px rgba(23,31,47,.035);
}
.site-header .site-lang-switch a {
  min-width:29px;min-height:28px;
  padding:4px 5px;
  border-radius:9px;
}
.site-header .site-lang-switch a.is-active {background:rgba(255,215,107,.31)}
.site-header .site-lang-switch img.site-lang-flag {height:17px;width:24px;border-radius:3px}
.site-header .theme-toggle,
.site-header .header-icon-button,
.site-header .mobile-toggle {
  width:39px;height:39px;
  flex:0 0 39px;
  border-radius:13px;
  border:1px solid #e6e8ee;
  color:#475365;
  background:linear-gradient(135deg,#ffffff,#f3f5f9);
  box-shadow:0 4px 12px rgba(20,25,40,.035);
}
.site-header .theme-toggle {color:#ab780b}
.site-header .header-icon-button:hover,
.site-header .theme-toggle:hover,
.site-header .mobile-toggle:hover {border-color:rgba(228,171,39,.58);background:#fff9e7;color:#8e6000}
.site-header .header-user-button {
  min-height:41px;
  padding:0 13px 0 6px;
  border:1px solid rgba(232,172,38,.63);
  border-radius:15px;
  color:#15191f;
  background:linear-gradient(135deg,#ffe18c 0%,#ffc742 52%,#efaf15 100%);
  box-shadow:0 8px 20px rgba(220,153,9,.21),inset 0 1px rgba(255,255,255,.60);
  font-size:13px;
  font-weight:890;
}
.site-header .header-user-button>span {background:rgba(255,255,255,.45);color:#654300;border-radius:10px}
.site-header .header-user-button b {color:#18202c;font-weight:890}
.site-header .header-user-button .header-chevron {stroke:#674500}
.site-header .header-user-button:hover,.site-header .header-user-button[aria-expanded="true"] {
  background:linear-gradient(135deg,#ffe69f,#ffc02b);
  border-color:#d29a1e;
  box-shadow:0 12px 24px rgba(220,153,9,.28);
  transform:translateY(-1px);
}
.site-header .header-login {
  padding:9px 12px;
  border-radius:13px;
  color:#4d5665;
  font-weight:750;
}
.site-header .header-cta {
  border-radius:14px;
  border:1px solid #e5a62b;
  padding:11px 15px;
  background:linear-gradient(135deg,#ffdf86,#f9b728);
  color:#1b1d23;
  box-shadow:0 7px 20px rgba(217,164,22,.2);
  font-weight:900;
}
.site-header .header-popover {border-radius:19px}
.site-header :is(a,button):focus-visible {outline:2px solid #dea128;outline-offset:3px}

/* Dark theme keeps all existing links, popovers and controls. */
html[data-theme="dark"] .site-header {
  background:linear-gradient(110deg,#0a1220,#111b2d 70%,#151b2a);
  border-bottom-color:rgba(239,180,58,.18);
  box-shadow:0 6px 25px rgba(0,0,0,.18);
}
html[data-theme="dark"] .site-header .header-inner {
  background:linear-gradient(115deg,rgba(19,29,46,.98),rgba(14,22,38,.96) 60%,rgba(34,32,38,.97));
  border-color:rgba(234,176,55,.48);
  box-shadow:0 14px 40px rgba(0,0,0,.30),0 2px 20px rgba(246,182,37,.08),inset 0 1px rgba(255,255,255,.055);
}
html[data-theme="dark"] .site-header .brand-word strong {color:#f5f7fa}
html[data-theme="dark"] .site-header .brand-word em {color:#f9c544}
html[data-theme="dark"] .site-header .brand-word small {color:#aab3c1}
html[data-theme="dark"] .site-header .main-nav.v30-main-nav>a,
html[data-theme="dark"] .site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle {color:#e0e6ef!important}
html[data-theme="dark"] .site-header .main-nav.v30-main-nav>a:first-child {color:#ffcf5c!important;background:linear-gradient(150deg,rgba(255,192,52,.15),rgba(255,215,108,.025));border-color:rgba(247,190,63,.36)}
html[data-theme="dark"] .site-header .main-nav.v30-main-nav>a:hover,
html[data-theme="dark"] .site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle:hover,
html[data-theme="dark"] .site-header .main-nav.v30-main-nav>.v30-nav-dropdown.open>.v30-nav-toggle {color:#ffd778!important;background:rgba(248,179,39,.10);border-color:rgba(248,179,39,.3)}
html[data-theme="dark"] .site-header .site-lang-switch,
html[data-theme="dark"] .site-header .theme-toggle,
html[data-theme="dark"] .site-header .header-icon-button,
html[data-theme="dark"] .site-header .mobile-toggle {
  color:#dfe3ed;background:linear-gradient(145deg,#17233a,#101a2b);border-color:rgba(255,255,255,.12);
}
html[data-theme="dark"] .site-header .theme-toggle {color:#ffd269}
html[data-theme="dark"] .site-header .site-lang-switch a.is-active {background:rgba(249,191,61,.2)}
html[data-theme="dark"] .site-header .header-user-button {color:#111c2b}
html[data-theme="dark"] .site-header .header-login {color:#edf0f8}
html[data-theme="dark"] .site-header .header-cta {background:linear-gradient(130deg,#ffda73,#f5b729);color:#141a22}

/* The current live header contains a higher-specificity legacy 1180px
   signed-in rule. Respect the new premium width on both guest/member views. */
@media (min-width:1361px) {
  .site-header.has-session .header-inner {
    width:min(1510px,calc(100% - 46px));
    gap:clamp(8px,1.1vw,17px);
  }
  .site-header.has-session .main-nav.v30-main-nav {
    flex:1 1 auto;
    gap:clamp(1px,.35vw,6px);
    margin-left:0;
  }
  .site-header.has-session .header-actions {gap:clamp(4px,.55vw,9px)}
}
/* Responsive: never force desktop nav to overlap language/session controls. */
@media(max-width:1360px){
  .site-header .header-inner{width:calc(100% - 26px);padding:0 12px;gap:8px}
  .site-header .brand-word{font-size:18px}
  .site-header .main-nav.v30-main-nav{gap:0}
  .site-header .main-nav.v30-main-nav>a,
  .site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle {font-size:12px;padding:9px 7px}
  .site-header .header-actions{gap:5px}
  .site-header .site-lang-switch{padding:3px}
}
@media (min-width:821px) and (max-width:1320px) {
  .site-header.has-session .main-nav.v30-main-nav {display:none!important}
  .site-header.has-session .mobile-toggle {display:grid!important}
  .site-header.has-session .header-actions {margin-left:auto}
}
@media (min-width:821px) and (max-width:1150px) {
  .site-header .main-nav.v30-main-nav {display:none!important}
  .site-header .mobile-toggle {display:grid!important}
  .site-header .header-actions {margin-left:auto}
}
@media (max-width:820px) {
  .site-header .header-inner {min-height:64px;height:64px;margin:7px auto;width:calc(100% - 18px);border-radius:19px;padding:0 12px}
  .site-header .main-nav.v30-main-nav {display:none!important}
  .site-header .mobile-toggle {display:grid}
  .site-header .header-actions {margin-left:auto}
  .site-header .header-user-button {display:none}
  .site-header .mobile-nav {top:78px;border-radius:0 0 20px 20px}
  .site-header .mobile-nav.open {display:grid}
}
@media(max-width:600px){
  .site-header .brand-mark {width:33px;height:33px;border-radius:11px}
  .site-header .brand-word {font-size:17px}
  .site-header .header-actions{gap:5px}
  .site-header .site-lang-switch {padding:2px}
  .site-header .site-lang-switch a {min-width:25px;min-height:26px;padding:3px}
  .site-header .site-lang-switch img.site-lang-flag{width:21px;height:15px}
  .site-header .theme-toggle,.site-header .header-icon-button,.site-header .mobile-toggle{width:34px;height:34px;flex-basis:34px;border-radius:11px}
}
@media(max-width:420px){
  .site-header .header-inner {padding:0 9px;gap:5px}
  .site-header .brand {gap:5px}
  .site-header .brand-word {font-size:14px}
  .site-header .brand-mark {width:29px;height:29px}
  .site-header .site-lang-switch {gap:0}
  .site-header .site-lang-switch a {min-width:23px;min-height:24px;padding:2px}
  .site-header .site-lang-switch img.site-lang-flag{width:19px;height:14px}
  .site-header .header-actions{gap:3px}
  .site-header .mobile-nav {top:78px}
}
@media(prefers-reduced-motion:reduce){
  .site-header .main-nav.v30-main-nav>a,
  .site-header .main-nav.v30-main-nav>.v30-nav-dropdown>.v30-nav-toggle,
  .site-header .header-user-button {transition:none;transform:none!important}
}

@media (min-width:821px) and (max-width:1360px) {
  .site-header.has-session .header-inner {width:calc(100% - 26px)}
}
/* Ensure popovers remain above hero artwork. */
.site-header .header-popover, .site-header .v30-nav-menu {z-index:140}

/* V7.9.13 — aligned to the site's REAL 1180px content container.
   Standalone override, safe to remove for instant rollback. */
@media (min-width:821px) {
  .site-header .header-inner,
  .site-header.has-session .header-inner {
    width:min(1180px,calc(100% - 40px));
    max-width:1180px;
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
    padding-left:12px;
    padding-right:12px;
    gap:clamp(7px,.65vw,11px);
  }
  .site-header .main-nav.v30-main-nav,
  .site-header.has-session .main-nav.v30-main-nav {
    gap:clamp(0px,.14vw,3px);
    margin-left:0;
  }
  .site-header .main-nav.v30-main-nav > a,
  .site-header .main-nav.v30-main-nav > .v30-nav-dropdown > .v30-nav-toggle {
    font-size:clamp(12px,.86vw,13px);
    padding-left:clamp(6px,.48vw,9px);
    padding-right:clamp(6px,.48vw,9px);
  }
  .site-header .brand-word {font-size:clamp(16px,1.3vw,19px)}
  .site-header.has-session .header-actions {gap:5px}
}
@media (max-width:820px) {
  .site-header .header-inner,
  .site-header.has-session .header-inner {
    width:calc(100% - 28px);
    max-width:1180px;
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width:420px) {
  .site-header .header-inner,
  .site-header.has-session .header-inner {width:calc(100% - 20px)}
}


/* V7.9.14 — selected gold rising-chart brand, header ONLY.
   No change to footer, navigation structure, auth or dropdown behavior. */
.site-header .brand-mark-growth,
.site-header.has-session .brand-mark-growth {
  width:43px;
  height:43px;
  flex:0 0 43px;
  display:grid;
  place-items:center;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.site-header .brand-mark-growth::after {content:none;display:none}
.site-header .brand-mark-growth img {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 3px 3px rgba(195,135,8,.16));
}
.site-header .brand-word-growth {letter-spacing:-.055em}
.site-header .brand-word-growth strong,
.site-header .brand-word-growth em {font-weight:900;color:#172033}
.site-header .brand-word-growth small {color:#bb8000;font-weight:850;margin-left:1px}
html[data-theme="dark"] .site-header .brand-word-growth strong,
html[data-theme="dark"] .site-header .brand-word-growth em {color:#f4f6fc}
html[data-theme="dark"] .site-header .brand-word-growth small {color:#f4bf44}
@media (max-width:600px) {
  .site-header .brand-mark-growth,
  .site-header.has-session .brand-mark-growth {width:36px;height:36px;flex-basis:36px}
  .site-header .brand-word-growth {font-size:16px}
}
@media (max-width:420px) {
  .site-header .brand-mark-growth,
  .site-header.has-session .brand-mark-growth {width:31px;height:31px;flex-basis:31px}
  .site-header .brand-word-growth {font-size:13px;letter-spacing:-.05em}
}


/* V7.9.16 — Guest SEO analysis bar: fixed CTA height beside Managed Turnstile.
   CSS-only: no HTML, CAPTCHA validation, JS, auth, or homepage markup changed.
   Scoped to the approved V7.3 SEO Control Center, not other submit forms. */
@media (min-width: 621px) {
  .saz-v72-hero .saz-v72-form.v30-analyze-form {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
  }
  .saz-v72-hero .saz-v72-form > .v30-url-field {
    flex:1 1 0;
    min-width:0;
  }
  .saz-v72-hero .saz-v72-form > .seo-turnstile {
    flex:0 0 300px;
    width:300px;
    max-width:300px;
    min-width:300px;
    min-height:65px;
    margin:0 !important;
    align-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}
.saz-v72-hero .saz-v72-form > button[type="submit"] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  align-self:center;
  box-sizing:border-box;
  width:auto;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  white-space:nowrap;
  line-height:1.2;
}
@media (max-width: 620px) {
  .saz-v72-hero .saz-v72-form > button[type="submit"] {
    width:100%;
    flex:0 0 54px;
  }
  .saz-v72-hero .saz-v72-form > .seo-turnstile {
    width:min(300px,100%);
    max-width:100%;
    margin:9px auto 2px !important;
    display:flex;
    justify-content:center;
  }
}