/**
 * Menu / submenus do banner global — apenas DESKTOP (>= 992px, breakpoint lg do Bootstrap).
 * Mobile/tablet: offcanvas (.main-menu-offcanvas) com regras próprias em template.css.
 * Entre md e lg cai para o default neutralizado do Bootstrap (custom.css).
 *
 * Carregado depois de template + ea-bootstrap-overrides para vencer Bootstrap/plugins
 * sem duplicar regras noutros ficheiros.
 * Selector: body > header (filho direto: só o <header> de topo do site, nunca <header> aninhados em conteúdo).
 */
/* lg | min-width: 992px */
@media (min-width: 992px) {

	body > header .navbar-light .navbar-nav .show > .nav-link,
	body > header .navbar-light .navbar-nav .nav-link.show {
		color: var(--color-primary-dark);
	}

	body > header .navbar-nav .nav-link.show {
		color: var(--color-primary-dark);
	}

	body > header .navbar-nav .dropdown-menu .dropdown-item:hover,
	body > header .navbar-nav .dropdown-menu .dropdown-item:focus,
	body > header .navbar-nav .dropdown-menu .dropdown-item:focus-visible,
	body > header .navbar-nav .dropdown-menu > li > a:hover,
	body > header .navbar-nav .dropdown-menu > li > a:focus,
	body > header .navbar-nav .dropdown-menu > li > a:focus-visible,
	body > header .navbar-nav .sub-menu > li > a:hover,
	body > header .navbar-nav .sub-menu > li > a:focus,
	body > header .navbar-nav .sub-menu > li > a:focus-visible,
	body > header .navbar-nav li.menu-item-has-children.dropdown-menu-child-item > a:hover,
	body > header .navbar-nav li.menu-item-has-children.dropdown-menu-child-item > a:focus,
	body > header .navbar-nav li.menu-item-has-children.dropdown-menu-child-item > a:focus-visible {
		color: var(--bs-dark);
		background-color: var(--color-surface-primary-subtle);
		border-radius: 10px;
		text-decoration: none;
		outline: 0;
	}

	body > header .navbar-nav .dropdown-menu .dropdown-item.active,
	body > header .navbar-nav .dropdown-menu .dropdown-item:active,
	body > header .navbar-nav .dropdown-menu > li > a.active,
	body > header .navbar-nav .dropdown-menu > li > a:active,
	body > header .navbar-nav .dropdown-menu > li.current-menu-item > a,
	body > header .navbar-nav .sub-menu > li > a.active,
	body > header .navbar-nav .sub-menu > li > a:active,
	body > header .navbar-nav .sub-menu > li.current-menu-item > a,
	body > header .navbar-nav li.menu-item-has-children.dropdown-menu-child-item > a.active {
		color: inherit;
		background-color: transparent;
		text-decoration: none;
		border-radius: 0;
	}

	/* Hover linha — CSS puro (substituiu nav-hover-line.js/GSAP) — top-level com underline (excl. CTA pill e switcher idiomas) */
	#main-menu-desktop .nav-link:not(.th-nav-link--cta):not(.th-nav-link--skip-hover) {
		position: relative;
		border-bottom: none !important;
	}

	#main-menu-desktop .th-nav-link-underline {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: var(--th-nav-underline-height);
		background-color: var(--th-nav-underline-color);
		transform: scaleX(0);
		transform-origin: left center;
		pointer-events: none;
		transition: transform 0.4s ease-out;
	}

	#main-menu-desktop .nav-link.dropdown-toggle .th-nav-link-underline {
		width: calc(100% - 0.35em);
	}

	#main-menu-desktop .nav-link.active:not(.th-nav-link--cta):not(.th-nav-link--skip-hover) .th-nav-link-underline {
		transform: scaleX(1);
	}

	#main-menu-desktop .nav-link:not(.th-nav-link--cta):not(.th-nav-link--skip-hover):not(.active):hover .th-nav-link-underline,
	#main-menu-desktop .nav-link:not(.th-nav-link--cta):not(.th-nav-link--skip-hover):not(.active):focus-visible .th-nav-link-underline {
		transform: scaleX(1);
	}

	/* a11y | prefers-reduced-motion — linha activa/focus visível, sem transição animada */
	@media (prefers-reduced-motion: reduce) {
		#main-menu-desktop .th-nav-link-underline {
			transition: none;
		}

		#main-menu-desktop .nav-link.active .th-nav-link-underline,
		#main-menu-desktop .nav-link:focus-visible .th-nav-link-underline {
			transform: scaleX(1);
		}
	}

}