/* --- Hotfix: logo visível no mobile e overlay SEMPRE por cima --- */

.site-header { background:#fff; }
.site-header .header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* garante que a marca nunca some */
.site-header .brand {
  display:inline-flex !important;
  align-items:center;
  flex:0 0 auto;
  z-index:901; /* abaixo do lightbox */
}
.site-header .brand .logo {
  display:block !important;
  height:44px;        /* ajuste fino se quiser 40/48 */
  width:auto;
}

/* botão hamburguer aparece só no mobile (se já não estiver assim) */
.nav-toggle { display:none; }

/* header fixo, mas abaixo do overlay */
@media (max-width: 880px){
  .nav-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:0;
    padding:8px;
  }
  .site-header {
    position:sticky;
    top:0;
    z-index:900; /* abaixo do lightbox (99999) */
  }

  /* menu mobile abre como painel abaixo do header, sem cobrir a logo */
  .site-nav[data-open="false"] { display:none !important; }
  .site-nav[data-open="true"] {
    display:flex !important;
    flex-direction:column;
    position:fixed;
    left:0; right:0;
    top:56px;            /* altura do header ~ 56px */
    bottom:0;
    background:#fff;
    padding:16px;
    gap:12px;
    overflow:auto;
    z-index:800;         /* bem abaixo do lightbox */
    border-top:1px solid #e5e7eb;
  }

  /* dropdown no mobile expande inline */
  .dropdown[data-behavior="hover-desktop"] .drop-panel {
    position:static !important;
    display:block !important;
    box-shadow:none !important;
    padding-left:8px;
  }
  .dropdown[data-behavior="hover-desktop"][data-open="false"] .drop-panel { display:none !important; }
  .dropdown[data-behavior="hover-desktop"][data-open="true"]  .drop-panel { display:block !important; }
}

/* nunca ocultar a logo por engano */
@media (max-width: 480px){
  .site-header .brand { display:inline-flex !important; }
  .site-header .brand .logo { display:block !important; }
}

/* --- Lightbox sempre acima de tudo --- */
.lightbox {
  z-index: 99999 !important;
  position: fixed !important;
  left:0; top:0; right:0; bottom:0;
}