/* ==========================================================================
   HM2 FACTORY: CABEÇALHO — Identidade visual
   Estrutura em: 01_hm2_header_estrutura (compartilhado por todos os modelos)
   ========================================================================== */

/* --- Variáveis de glassmorphism (sobrescreva em 05_modelo_vars.css por modelo) --- */
:root {
  --hm2-header-glass-bg:     rgba(15, 23, 42, 0.55);
  --hm2-header-glass-blur:   blur(14px);
  --hm2-header-glass-shadow: 0 4px 24px rgba(0, 0, 0, 0.28);
  --hm2-header-glass-border: rgba(255, 255, 255, 0.10);
}

/* --- Estado padrão: sólido e branco (comportamento anterior preservado) --- */
.hm2-header-fixo {
  background-color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10);
  transition: background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
}

/* --- Estado glass: JS adiciona .hm2-header--sobre-hero quando o hero está visível --- */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero {
  background: var(--hm2-header-glass-bg);
  backdrop-filter: var(--hm2-header-glass-blur);
  -webkit-backdrop-filter: var(--hm2-header-glass-blur);
  box-shadow: var(--hm2-header-glass-shadow), inset 0 -1px 0 var(--hm2-header-glass-border);
}

/* ── Links de navegação ────────────────────────────────────────────────────── */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .nav-link {
  color: rgba(255, 255, 255, 0.88) !important;
}
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .nav-link:hover,
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .nav-link.active {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.10);
}

/* ── Branding: nome do site e slogan ──────────────────────────────────────── */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .site-name a,
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .site-slogan {
  color: #ffffff !important;
}

/* ── Separador entre menu principal e menu de conta ───────────────────────── */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero {
  --hm2-nav-separator: rgba(255, 255, 255, 0.28);
}

/* ── Menu de conta: botões pill brancos ───────────────────────────────────── */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .region-nav-additional .nav-link {
  color: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  background-color: transparent !important;
}
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .region-nav-additional .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.70) !important;
}

/* Botão "Entrar" */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .region-nav-additional .nav-link[href*="login"],
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .region-nav-additional .nav-link[href*="user/login"] {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
}
/* Botão "Minha conta" (preenchido) */
body:not(.path-admin) .hm2-header-fixo.hm2-header--sobre-hero .region-nav-additional .nav-link[href*="user"]:not([href*="login"]):not([href*="logout"]) {
  background-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

.hm2-region-topo,
.hm2-region-cabecalho {
  width: 100%;
  position: relative;
}