/* ==========================================================================
   Evast Theme 1.8.0 · header.css — style kit do header (substitui o default do GeneratePress)
   Escopo: .site-header, .main-navigation, .iv-nav-extra, #mobile-header, .menu-toggle, menu aberto.
   Fonte: tokens --ev-* (brand kit floresta/lima/menta). Nada aqui toca em anúncio.
   Estados cobertos em TODO elemento clicável: rest · hover · focus-visible · active · current · disabled.
   ========================================================================== */

:root{
  --hd-h:64px;
  --hd-pad:clamp(16px,3vw,32px);
  --hd-bg:rgba(255,255,255,.92);
  --hd-bg-solid:#fff;
  --hd-line:var(--ev-border-2,#EDF3E7);
  --hd-shadow:0 1px 0 var(--hd-line);
  --hd-shadow-scrolled:0 1px 0 var(--hd-line),0 10px 30px -18px rgba(11,61,44,.28);
  --nav-fg:var(--ev-text-soft,#44573F);
  --nav-fg-hover:var(--ev-brand,#0B3D2C);
  --nav-fg-current:var(--ev-brand,#0B3D2C);
  --nav-ink-line:var(--ev-lime,#D8F55A);
  --nav-focus:var(--ev-green-500,#27B463);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- casca ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:var(--hd-bg);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
  box-shadow:var(--hd-shadow);
  transition:box-shadow .25s var(--ease),background .25s var(--ease);
}
.site-header.is-scrolled{box-shadow:var(--hd-shadow-scrolled)}
@supports not (backdrop-filter:blur(1px)){.site-header{background:var(--hd-bg-solid)}}
.site-header .inside-header{
  display:flex;align-items:center;gap:20px;flex-wrap:nowrap;
  min-height:var(--hd-h);padding:0 var(--hd-pad);max-width:var(--ev-max,1200px);margin:0 auto;
}
.site-header .site-branding-container{flex:0 0 auto;margin:0}
.site-header .site-logo{display:inline-flex;align-items:center}
.site-header .site-logo img{display:block;height:36px;width:auto;max-width:min(52vw,220px)}
.site-header .site-logo a{display:inline-flex;border-radius:8px}
.site-header .site-logo a:focus-visible{outline:2px solid var(--nav-focus);outline-offset:4px}

/* ---------- nav desktop ---------- */
.main-navigation{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;background:transparent}
.main-navigation .inside-navigation{display:flex;align-items:center;gap:6px;width:auto;padding:0}
.main-navigation .main-nav{display:flex}
.main-navigation .main-nav > ul{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.main-navigation .main-nav ul li{position:relative;margin:0}
.main-navigation .main-nav ul li a{
  position:relative;display:inline-flex;align-items:center;height:40px;padding:0 12px;
  font:600 14.5px/1 var(--ev-font-body,'DM Sans',system-ui,sans-serif);letter-spacing:.005em;
  color:var(--nav-fg);background:transparent!important;border-radius:8px;text-decoration:none;
  transition:color .15s var(--ease);
}
/* linha lima que cresce da esquerda: hover, focus e ativo */
.main-navigation .main-nav ul li a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;
  background:var(--nav-ink-line);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease);
}
/* 1.9.5: o GP injeta `.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a{color:var(--accent)}` (azul),
   especificidade (0,4,3) > (0,3,3) da regra simples — por isso o hover ficava azul. Seletores abaixo empatam e vêm depois. */
.main-navigation .main-nav ul li:not([class*="current-menu-"]) a:hover,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .main-nav ul li a:focus-visible{color:var(--nav-fg-hover)!important;background:transparent!important}
.main-navigation .main-nav ul li a:hover::after,
.main-navigation .main-nav ul li a:focus-visible::after{transform:scaleX(1)}
.main-navigation .main-nav ul li a:focus-visible{outline:2px solid var(--nav-focus);outline-offset:2px}
.main-navigation .main-nav ul li a:active{color:var(--ev-green-700,#14563F)}
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current_page"] > a{color:var(--nav-fg-current);font-weight:800;background:transparent!important}
.main-navigation .main-nav ul li[class*="current-menu-"] > a::after,
.main-navigation .main-nav ul li[class*="current_page"] > a::after{transform:scaleX(1)}
/* neutraliza o hover de bloco do GP e o inline do Customizer */
.main-navigation .main-nav ul li:hover,.main-navigation .main-nav ul li.sfHover{background:transparent!important}

/* submenu (se um dia houver) */
.main-navigation .main-nav ul ul{
  top:calc(100% + 8px);min-width:220px;padding:8px;background:var(--hd-bg-solid);
  border:1px solid var(--hd-line);border-radius:12px;box-shadow:0 14px 40px -18px rgba(11,61,44,.35)
}
.main-navigation .main-nav ul ul li a{height:38px;width:100%;border-radius:8px}
.main-navigation .main-nav ul ul li a::after{display:none}
.main-navigation .main-nav ul ul li a:hover,.main-navigation .main-nav ul ul li a:focus-visible{background:var(--ev-surface-2,#F1F7EC)!important}

/* ---------- extras: país + CTA ---------- */
.iv-nav-extra{display:flex;align-items:center;gap:10px;margin-left:8px}
.iv-geo{position:relative}
.iv-geo > summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 10px;
  border:1px solid var(--ev-border,#DCE8D4);border-radius:999px;background:var(--hd-bg-solid);
  font:700 12.5px/1 var(--ev-font-mono,ui-monospace,monospace);letter-spacing:.06em;color:var(--nav-fg-hover);
  transition:border-color .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease);
}
.iv-geo > summary::-webkit-details-marker{display:none}
.iv-geo > summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease)}
.iv-geo[open] > summary::after{transform:rotate(-135deg) translateY(-1px)}
.iv-geo > summary:hover{border-color:var(--ev-green-500,#27B463);background:var(--ev-surface-2,#F1F7EC)}
.iv-geo > summary:focus-visible{outline:2px solid var(--nav-focus);outline-offset:2px}
.iv-geo[open] > summary{border-color:var(--ev-brand);box-shadow:0 0 0 3px rgba(39,180,99,.18)}
.iv-geo-menu{
  position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:240px;margin:0;padding:8px;list-style:none;
  background:var(--hd-bg-solid);border:1px solid var(--hd-line);border-radius:12px;box-shadow:0 14px 40px -18px rgba(11,61,44,.35)
}
.iv-geo-group{padding:8px 10px 4px;font:700 10.5px/1 var(--ev-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ev-text-muted)}
.iv-geo-menu a,.iv-geo-soon{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:8px;font:500 14px/1 var(--ev-font-body);color:var(--ev-text);text-decoration:none}
.iv-geo-menu a:hover,.iv-geo-menu a:focus-visible{background:var(--ev-surface-2);color:var(--nav-fg-hover);outline:none}
.iv-geo-menu a[aria-current],.iv-geo-menu a.is-current{font-weight:700;color:var(--nav-fg-hover)}
.iv-geo-soon{color:var(--ev-text-muted);cursor:default}
.iv-geo-soon::after{content:"soon";margin-left:auto;font:600 10px/1 var(--ev-font-mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:999px;background:var(--ev-tint)}

.iv-cta{
  display:inline-flex!important;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:999px;
  background:var(--ev-brand);color:var(--ev-lime)!important;font:700 14px/1 var(--ev-font-body);text-decoration:none;white-space:nowrap;
  box-shadow:0 1px 0 rgba(0,0,0,.05);transition:transform .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease);
}
.iv-cta:hover{background:var(--ev-green-700);transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(11,61,44,.5)}
.iv-cta:focus-visible{outline:2px solid var(--nav-focus);outline-offset:3px}
.iv-cta:active{transform:translateY(0);box-shadow:none}

/* ---------- mobile ---------- */
.main-navigation .iv-nav-extra .iv-cta.iv-cta-mobile,.iv-cta-mobile{display:none!important} /* 1.9.3: especificidade > ievera-theme.css:203 (0,3,0) — estava mostrando 2 CTAs no desktop */
.menu-toggle{
  display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--ev-border);
  border-radius:999px;background:var(--hd-bg-solid);color:var(--nav-fg-hover);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)
}
.menu-toggle:hover{background:var(--ev-surface-2);border-color:var(--ev-green-500)}
.menu-toggle:focus-visible{outline:2px solid var(--nav-focus);outline-offset:2px}
.menu-toggle .mobile-menu,.menu-toggle .gp-icon.pro-menu-bars{display:none}
.menu-toggle .gp-icon svg{width:20px;height:20px}
.main-navigation.toggled .menu-toggle{background:var(--ev-brand);color:var(--ev-lime);border-color:var(--ev-brand)}

@media (max-width:768px){
  :root{--hd-h:60px}
  .site-header .inside-header{gap:10px}
  .site-header .site-logo img{height:30px}
  .main-navigation{position:static;flex:0 0 auto}
  .main-navigation .inside-navigation{gap:8px}
  .main-navigation .main-nav{display:none}
  .menu-toggle{display:inline-flex}
  .iv-nav-extra{margin-left:0}
    .iv-cta{display:none!important}
  /* folha do menu aberto */
  .main-navigation.toggled .main-nav{
    display:block;position:absolute;left:0;right:0;top:100%;padding:12px var(--hd-pad) 20px;
    background:var(--hd-bg-solid);border-top:1px solid var(--hd-line);box-shadow:0 24px 40px -20px rgba(11,61,44,.35)
  }
  .main-navigation.toggled .main-nav > ul{flex-direction:column;gap:2px}
  .main-navigation.toggled .main-nav ul li a{height:48px;width:100%;padding:0 12px;font-size:16px;border-radius:10px}
  .main-navigation.toggled .main-nav ul li a::after{left:12px;right:auto;width:28px;bottom:9px}
  .main-navigation.toggled .main-nav ul li a:hover,
  .main-navigation.toggled .main-nav ul li[class*="current-menu-"] > a{background:var(--ev-surface-2)!important}
  .main-navigation.toggled .main-nav ul li:last-child{margin-top:8px;padding-top:12px;border-top:1px solid var(--hd-line)}
  .main-navigation.toggled .iv-nav-extra .iv-cta.iv-cta-mobile,.main-navigation.toggled .iv-cta-mobile{display:inline-flex!important;width:100%;height:48px;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.site-header,.main-navigation .main-nav ul li a,.main-navigation .main-nav ul li a::after,.iv-cta,.iv-geo > summary{transition:none}}

/* 1.8.0: sem seletor de país no header */
.site-header .iv-geo{display:none!important}