/* Corrige o empilhamento e o comportamento dos menus suspensos do
   Elementor (Cadastro, mega menu de Produtos) nas paginas do wizard de
   cadastro, que bootstrapam o WordPress fora do fluxo normal de
   renderizacao de uma pagina Elementor — por isso o JS que normalmente
   cuida de hover/posicionamento desses menus nao roda aqui.
   Usado por cadastro-empresa.php, cadastro-veterinario.php e
   cadastro-mensagem.php — mantenha os tres em sincronia com este
   arquivo em vez de duplicar este CSS inline neles. */

/* O header (sticky) e os menus suspensos precisam ficar sempre acima da
   faixa "hero" nova — sem isso, o menu suspenso abre por baixo do
   conteudo da pagina. */
body .elementor-location-header {
	position: relative !important;
	z-index: 100000 !important;
}
body .elementor-nav-menu__container,
body #mega-menu-produtos,
body .mega_menu_show {
	position: relative !important;
	z-index: 100001 !important;
}
/* O submenu ".elementor-nav-menu--dropdown" (ul.sub-menu) precisa
   continuar "position: absolute" (como o proprio Elementor define em
   widget-nav-menu.min.css) para nao ocupar espaco no fluxo do menu
   horizontal. Se ele virar "relative" (como a regra acima fazia antes de
   excluir esse seletor), o <li> pai alarga para caber o submenu inteiro,
   empurrando os itens seguintes do menu para uma segunda linha — e o
   submenu fica solto, deslocado do item que o abriu. */
body .elementor-nav-menu--main li.menu-item-has-children > .elementor-nav-menu--dropdown {
	position: absolute !important;
	z-index: 100001 !important;
}
/* Esse menu nunca teve fundo solido de verdade — nunca aparecia porque
   sempre abria sobre fundo claro no resto do site. Aqui, sobre a faixa
   escura do hero, a transparencia fica visivel. Forca um fundo branco. */
body #mega-menu-produtos,
body #mega-menu-produtos-container,
body .mega_menu_show,
body .elementor-nav-menu--dropdown {
	background-color: #fff !important;
	box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;
}
/* O submenu "Cadastro" (ul.sub-menu.elementor-nav-menu--dropdown) depende
   do JS do Elementor pra aparecer no hover, e esse JS nao roda por
   completo nesta pagina. Forca via CSS puro, sem depender do JS.
   Exclui ".produtos-menu": esse item ja tem seu proprio mega menu (JS
   dedicado, sempre funcionou aqui) — o submenu padrao do Elementor por
   baixo dele so tem um item vazio (placeholder) e nunca deveria aparecer;
   forcar o display nele so criava uma caixinha branca vazia por cima do
   mega menu de verdade. */
body li.menu-item-has-children:not(.produtos-menu):hover > .elementor-nav-menu--dropdown {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
/* A posicao horizontal do submenu normalmente vem de uma variavel CSS
   (--e-nav-menu-horizontal-menu-item-margin) calculada em JS pelo
   Elementor no carregamento da pagina — como esse JS nao roda aqui, a
   variavel fica indefinida e o navegador posiciona o submenu num lugar
   arbitrario. Fixa a posicao manualmente, relativa ao proprio item do
   menu. */
body li.menu-item-has-children:not(.produtos-menu) > .elementor-nav-menu--dropdown {
	left: 0 !important;
	right: auto !important;
	top: 100% !important;
	margin-top: 0 !important;
}