/* Estados :hover/:focus do SiteHeader e SiteFooter — no projeto original esses vinham de
   atributos style-hover/style-focus compilados em classes .emu-pseudo-N; aqui são nomeadas. */
.emu-nav-item:hover { color: var(--menu-hover-color); background: var(--menu-hover-bg); }
.emu-dropdown-item:hover { background: var(--purple-050); color: var(--purple); }
.emu-dropdown-footer:hover { text-decoration: underline; }
.emu-header-cta:hover { background: #4335C4; color: #fff; }

.emu-footer-submit:hover { background: #4335C4; }
.emu-footer-input:focus { border-color: var(--purple-300); }
.emu-footer-link:hover { color: #fff; }
.emu-footer-social:hover { background: rgba(255, 255, 255, .16); color: #fff; }

/* O Header decide mobile/desktop via JS (window.innerWidth) depois de montar; até a
   hidratação rodar, o HTML vem do servidor sempre no layout desktop. Essas regras
   forçam o layout mobile correto desde o primeiro paint, sem esperar o React. */
@media (max-width: 1079px) {
  .emu-header-nav-desktop,
  .emu-header-cta-desktop { display: none !important; }
  .emu-header-burger { display: inline-flex !important; }
}
@media (min-width: 1080px) {
  .emu-header-burger { display: none !important; }
}