/* 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(--surface-brand-subtle); color: var(--gold); }
.emu-dropdown-footer:hover { text-decoration: underline; }
.emu-header-cta:hover { background: var(--gold-600); color: var(--text-on-brand); }

.emu-footer-submit:hover { background: var(--gold-600); }
.emu-footer-input:focus { border-color: var(--gold-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; }
}