/* ==========================================================================
   Faixa Exclusiva — cabeçalho
   ========================================================================== */

.fx-header{
  background:var(--fx-azul-noite);
  position:sticky;
  top:0;
  z-index:100;
}

/* Barra de administração do WordPress */
.admin-bar .fx-header{top:32px}
@media (max-width:782px){.admin-bar .fx-header{top:46px}}

.fx-header__inner{
  display:flex;
  align-items:center;
  gap:36px;
  min-height:var(--fx-header-altura);
}

/* ---------- Logo ---------- */
.fx-header__brand{flex-shrink:0;display:flex;align-items:center}
.fx-logo-link{display:flex;align-items:center;line-height:0}
.fx-logo{display:block;width:auto}

/* ---------- Navegação ---------- */
.fx-nav{flex:1;min-width:0}

.fx-nav__list{
  display:flex;
  align-items:center;
  gap:26px;
  margin:0;
  padding:0;
  list-style:none;
}

.fx-nav__list li{margin:0}

.fx-nav__list a{
  display:block;
  font-family:var(--fx-fonte-titulo);
  font-weight:600;
  font-size:14.5px;
  line-height:1;
  color:rgba(255,255,255,.86);
  text-decoration:none;
  padding:calc((var(--fx-header-altura) - 14px) / 2) 0;
  border-bottom:3px solid transparent;
  white-space:nowrap;
  transition:color .15s, border-color .15s;
}

.fx-nav__list a:hover,
.fx-nav__list a:focus-visible{color:#fff}

.fx-nav__list .current-menu-item > a,
.fx-nav__list .current-menu-parent > a,
.fx-nav__list .current-menu-ancestor > a{
  color:#fff;
  border-bottom-color:var(--fx-amarelo);
}

/* Submenu */
.fx-nav__list .sub-menu{
  display:none;
  position:absolute;
  min-width:210px;
  margin:0;
  padding:8px 0;
  list-style:none;
  background:var(--fx-azul-noite);
  border-top:3px solid var(--fx-amarelo);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.fx-nav__list li{position:relative}
.fx-nav__list li:hover > .sub-menu,
.fx-nav__list li:focus-within > .sub-menu{display:block}
.fx-nav__list .sub-menu a{padding:10px 18px;border-bottom:0;font-size:14px}
.fx-nav__list .sub-menu a:hover{background:rgba(255,255,255,.08)}

/* ---------- Botões ---------- */
.fx-header__tools{
  display:flex;
  align-items:center;
  gap:10px;
  padding-left:20px;
  border-left:1px solid rgba(255,255,255,.18);
  flex-shrink:0;
}

.fx-btn-icone{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:0;border-radius:8px;
  background:transparent;color:#fff;
  cursor:pointer;
  transition:background .15s;
}
.fx-btn-icone:hover{background:rgba(255,255,255,.1)}
.fx-btn-icone:focus-visible{outline:2px solid var(--fx-amarelo);outline-offset:2px}
.fx-btn-icone--menu{display:none}

/* ---------- Busca ---------- */
.fx-busca{
  background:rgba(255,255,255,.06);
  border-top:1px solid rgba(255,255,255,.12);
  padding:16px 0;
}
.fx-busca form{display:flex;gap:10px;max-width:560px}
.fx-busca input[type="search"]{
  flex:1;padding:12px 16px;border:0;border-radius:8px;
  font-family:var(--fx-fonte-texto);font-size:15px;
}
.fx-busca button,
.fx-busca input[type="submit"]{
  background:var(--fx-amarelo);color:var(--fx-azul-noite);
  border:0;border-radius:8px;padding:12px 22px;
  font-family:var(--fx-fonte-titulo);font-weight:700;font-size:14px;cursor:pointer;
}
.fx-busca label{flex:1}
.fx-busca .search-field{width:100%}

/* ==========================================================================
   Barra EM ALTA
   ========================================================================== */

.fx-alta{
  background:#fff;
  border-bottom:1px solid var(--fx-cinza-claro);
  box-shadow:var(--fx-sombra);
}

.fx-alta__inner{
  display:flex;
  align-items:center;
  gap:20px;
  min-height:52px;
  overflow-x:auto;
  scrollbar-width:none;
}
.fx-alta__inner::-webkit-scrollbar{display:none}

.fx-alta__selo{
  background:var(--fx-amarelo);
  color:var(--fx-azul-noite);
  font-family:var(--fx-fonte-titulo);
  font-weight:700;font-size:11px;
  letter-spacing:.09em;text-transform:uppercase;
  padding:6px 11px;border-radius:5px;
  flex-shrink:0;
}

.fx-alta__lista{
  display:flex;align-items:center;gap:18px;
  margin:0;padding:0;list-style:none;white-space:nowrap;
}

.fx-alta__lista li{margin:0;display:flex;align-items:center;gap:18px}
.fx-alta__lista li + li::before{
  content:"";width:4px;height:4px;border-radius:50%;
  background:var(--fx-amarelo);flex-shrink:0;
}
.fx-alta__lista a{
  font-family:var(--fx-fonte-texto);font-size:14px;font-weight:500;
  color:var(--fx-cinza-escuro);text-decoration:none;transition:color .15s;
}
.fx-alta__lista a:hover{color:var(--fx-azul-mob)}

/* ==========================================================================
   Responsivo
   ========================================================================== */

@media (max-width:960px){
  .fx-header__inner{gap:20px}
  .fx-nav__list{gap:18px}
  .fx-nav__list a{font-size:13.5px}
}

@media (max-width:820px){
  .fx-btn-icone--menu{display:grid}
  .fx-header__tools{border-left:0;padding-left:0}

  .fx-nav{
    position:absolute;
    left:0;right:0;
    top:100%;
    background:var(--fx-azul-noite);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 16px 32px rgba(0,0,0,.3);
    display:none;
  }
  .fx-header--menu-aberto .fx-nav{display:block}

  .fx-nav__list{
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px var(--fx-gutter) 16px;
  }
  .fx-nav__list a{
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .fx-nav__list .current-menu-item > a{
    border-bottom-color:var(--fx-amarelo);
  }
  .fx-nav__list .sub-menu{
    position:static;display:block;box-shadow:none;
    border-top:0;padding:0 0 0 16px;background:transparent;
  }
}