/**
 * SLZ7 - Correcao de submenus (dropdown) do menu principal.
 * Arquivo ADITIVO: nao altera nenhum estilo existente, apenas garante que o
 * submenu apareca na frente de todo o conteudo (hero, carrossel, cards, etc.).
 */

/* O cabecalho precisa ficar acima de qualquer secao da pagina */
.site-header{position:relative;z-index:2000}
body.admin-bar .site-header{z-index:2000}

/* Nada dentro do cabecalho pode recortar o submenu */
.site-header,
.site-header .container,
.main-nav,
.primary-nav,
.primary-nav ul,
.primary-nav li{overflow:visible}

/* Item pai como referencia de posicionamento */
.primary-nav li{position:relative}

/* Submenu sempre na frente e ancorado abaixo do item pai */
.primary-nav .sub-menu{
  position:absolute;
  top:100%;
  left:0;
  margin:0;
  z-index:3000;
  isolation:isolate;
}

/* Submenus de 3o nivel abrem ao lado, tambem na frente */
.primary-nav .sub-menu .sub-menu{
  top:0;
  left:100%;
  margin-left:2px;
  z-index:3001;
}

/* Ponte invisivel: evita que o submenu feche ao mover o mouse ate ele */
.primary-nav li.menu-item-has-children > .sub-menu::before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
}

/* Se o item estiver no fim da barra, o submenu abre alinhado a direita */
.primary-nav > ul > li:last-child > .sub-menu,
.primary-nav > ul > li:nth-last-child(2) > .sub-menu{left:auto;right:0}

/* Manter aberto tambem via teclado (acessibilidade) */
.primary-nav li:focus-within > .sub-menu{display:flex}

/* No menu mobile (drawer) o submenu deve fluir no documento, nao flutuar */
.mobile-drawer .sub-menu{
  position:static;
  display:block;
  box-shadow:none;
  background:transparent;
  padding:4px 0 4px 14px;
  min-width:0;
}
.mobile-drawer .sub-menu a{color:inherit}