/* Selettore «IT | EN» in fondo al menu principale: vedi inc/lingue.php */
.finwave-navbar > li.lgv-lingue {
	display: inline-flex;
	align-items: center;
}
.lgv-lingue-sep {
	opacity: 0.4;
}

/* Testata: le due sigle vicine, la lingua in uso piena e l'altra attenuata */
.finwave-navbar > li.lgv-lingue > a {
	padding-left: 6px;
	padding-right: 6px;
}
.finwave-navbar > li.lgv-lingue > a:first-child {
	padding-left: 16px;
}
.finwave-navbar .lgv-lingua {
	opacity: 0.6;
	transition: opacity 0.2s;
}
.finwave-navbar .lgv-lingua.attiva,
.finwave-navbar .lgv-lingua:hover,
.finwave-navbar .lgv-lingua:focus-visible {
	opacity: 1;
}

/*
 * Fino a 1365px il menu italiano, più lungo, con «IT | EN» andava su due righe
 * (misurato: 14px in più a 1280, 27px a 1100): resta solo la sigla dell'altra
 * lingua, piena come le altre voci, con gli stessi spazi (regole qui sotto).
 */
@media (max-width: 1365px) {
	.finwave-navbar .lgv-lingua.attiva,
	.finwave-navbar .lgv-lingue-sep {
		display: none;
	}
	.finwave-navbar .lgv-lingua {
		opacity: 1;
	}
}
/*
 * Il menu italiano è più lungo dell'inglese («Professionisti», «Riconoscimenti»)
 * e con la sigla in fondo andava a capo sotto i 1366px: lì si stringono gli
 * spazi fra le voci e, sotto i 1280px, anche il corpo del testo (misurato il
 * 30/10: una riga sola da 1025 a 1920px). Vale anche per l'inglese, che ci
 * stava già, così le due testate restano uguali.
 * Le stesse misure anche alla testata del tema (#masthead, .site-header), che sta
 * dietro a quella visibile: in italiano lì «Contatti» andava a capo e spuntava
 * sotto la barra blu, e a 1280 con lui un pezzo del pulsante giallo.
 * ⚠️ Selettori lunghi apposta: devono battere quelli del tema figlio (style.css,
 * «sette voci su una riga sola»), che a parità di forma vincerebbero.
 */
@media (min-width: 1280px) and (max-width: 1365px) {
	.site-header .finwave-navigation ul.finwave-navbar > li > a,
	.elementor-location-header .finwave-navigation ul.finwave-navbar > li > a {
		padding-left: 13px;
		padding-right: 13px;
	}
}
@media (min-width: 1100px) and (max-width: 1279px) {
	.site-header .finwave-navigation ul.finwave-navbar > li > a,
	.elementor-location-header .finwave-navigation ul.finwave-navbar > li > a {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 15px;
	}
}
@media (min-width: 1025px) and (max-width: 1099px) {
	.site-header .finwave-navigation ul.finwave-navbar > li > a,
	.elementor-location-header .finwave-navigation ul.finwave-navbar > li > a {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 14px;
	}
}

/*
 * ⚠️ La testata del tema (#masthead, modello 9475) sta sotto quella di
 * Elementor Pro e ha il menu più stretto: lì il selettore andava a capo e la
 * seconda riga spuntava sotto la testata visibile.
 */
#masthead .finwave-navbar > li.lgv-lingue {
	display: none;
}

/* Menu da telefono: le due sigle sulla stessa riga, quella in uso in ambra come la voce attiva */
.offcanvas-navigation li.lgv-lingue {
	/* Senza flex le due sigle e la barra andavano su tre righe (check del 13/11/2026) */
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.offcanvas-navigation li.lgv-lingue > a {
	padding-right: 0;
}
.offcanvas-navigation .lgv-lingua.attiva {
	color: var(--e-global-color-accent, #ffb700);
}