/* =========================
   /assets/css/navbar.css
   Cabeçalho sticky minimalista + nav + hambúrguer
   Requer tokens.css/global.css
   ========================= */

/* Header sticky com leve blur e borda suave */
.header{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.8);
  backdrop-filter:saturate(180%) blur(6px);
  border-bottom:1px solid var(--line);
  transition:transform .24s ease;
}
.header-inner{ height:72px; }

/* Logo (texto) */
.logo{ font-weight:var(--fw-black); color:var(--ink); }

/* Navegação desktop */
.nav{ display:flex; gap:12px; align-items:center; }
.nav a{
  padding:.5rem .75rem; border-radius:10px;
  transition:background-color .2s ease, color .2s ease;
  color:var(--ink);
}
.nav a:hover,
.nav a[aria-current="page"]{
  background:color-mix(in oklab, var(--brand) 6%, white);
}

/* Botão hambúrguer (mobile) */
.hamburger{
  width:42px; height:42px; display:grid; place-items:center;
  border-radius:12px; border:1px solid var(--line);
}
.hamburger span{
  display:block; width:20px; height:2px; background:var(--ink); border-radius:2px;
}
.hamburger span + span{ margin-top:4px; }

/* Menu mobile (base – visibilidade será controlada via JS) */
.mobile-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.35);
}
.mobile-menu{
  position:fixed; inset-inline:0; top:0;
  background:#fff; border-bottom:1px solid var(--line);
  display:grid; gap:10px; padding:16px;
}
.mobile-menu a{
  padding:12px; border-radius:10px; color:var(--ink);
}
.mobile-cta{ margin-top:4px; }

/* Responsividade */
.u-hide-mobile{ display:none; }              /* esconder no mobile */
@media (min-width:901px){
  .u-hide-mobile{ display:inline-flex; }    /* mostrar no desktop */
  .u-hide-desktop{ display:none; }          /* esconder no desktop */
  .mobile-menu,.mobile-backdrop{ display:none!important; }
}