/**
 * Menu principal do header — hover e página atual.
 *
 * No front, o template part renderiza como <header class="wp-block-template-part">,
 * sem data-area. No editor do site, pode existir data-area="header".
 */

header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item__content {
	border-bottom: 1px solid transparent;
	transition:
		color 0.2s ease,
		border-color 0.2s ease;
}

header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:focus-visible,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--paper);
	border-bottom-color: var(--wp--preset--color--paper);
}

header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > a,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"],
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > a,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"] {
	color: var(--wp--preset--color--accent);
	border-bottom-color: var(--wp--preset--color--accent);
}

header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > a:hover,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]:hover,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"]:hover,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:hover,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > a:hover,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]:hover,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"]:hover {
	color: var(--wp--preset--color--accent);
	border-bottom-color: var(--wp--preset--color--accent);
}

/* Menu do rodapé — mesmos estilos de hover e current item do cabeçalho */
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item__content {
	border-bottom: 1px solid transparent;
	transition:
		color 0.2s ease,
		border-color 0.2s ease;
}

footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:hover,
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:focus-visible,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--paper);
	border-bottom-color: var(--wp--preset--color--paper);
}

footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > a,
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"],
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > a,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"] {
	color: var(--wp--preset--color--accent);
	border-bottom-color: var(--wp--preset--color--accent);
}

footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:hover,
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.current-menu-item > a:hover,
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]:hover,
footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"]:hover,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:hover,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item.current-menu-item > a:hover,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]:hover,
.wp-block-template-part[data-area="footer"] .wp-block-navigation .wp-block-navigation-item > a[aria-current="page"]:hover {
	color: var(--wp--preset--color--accent);
	border-bottom-color: var(--wp--preset--color--accent);
}

/* Ocultar seletor de idiomas mobile quando overlay do menu estiver aberto.
 * O WP adiciona .has-modal-open no <body> via Interactivity API quando o menu abre. */
.has-modal-open .wp-block-wpm-language-switcher {
	visibility: hidden;
	pointer-events: none;
}

/* Ícone de menu mobile (hamburguer + fechar): cor accent */
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__responsive-container-open svg,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__responsive-container-close svg,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation__responsive-container-open svg,
.wp-block-template-part[data-area="header"] .wp-block-navigation .wp-block-navigation__responsive-container-close svg {
	fill: var(--wp--preset--color--accent);
}

/* Transição suave no SVG da logo (mobile).
 * As regras de tamanho compacto e reduced-motion estão em style.css. */
@media (max-width: 480px) {
	.wp-block-site-logo svg.custom-logo {
		transition: width 0.3s ease, height 0.3s ease;
	}
}