/* 1. Assicura che il pulsante Hamburger rimanga sempre cliccabile sopra l'overlay */
a.w-nav-control {
	position: relative;
	z-index: 9999999 !important;
}

.l-subheader-cell.at_center .w-image.ush_image_1{
	position: relative;
	z-index: 9999999 !important;
}

/* 2. Stili applicati SOLO quando il menu è aperto (attivato dalla classe .active) */
a.w-nav-control.active + ul.w-nav-list.level_1 {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;   /* Forza l'ancoraggio al margine destro */
	bottom: 0 !important;  /* Forza l'ancoraggio al margine inferiore */
	width: 100% !important;
	height: 100% !important;
	min-height: 100dvh !important; /* Usa l'altezza dinamica per prevenire bug su mobile */
	background: radial-gradient(200.84% 132.93% at 92.85% 4.87%, #FFF 0%, #E3E8F2 100%) !important;
	display: flex !important; 
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0 15% !important;
	margin: 0 !important;
	z-index: 999999 !important; /* Aumentato drasticamente per coprire footer o altri blocchi */
	box-sizing: border-box;
}

/* 3. Spaziatura degli elementi */
ul.w-nav-list.level_1 li.w-nav-item.level_1 {
	list-style: none;
	margin-bottom: 1.2rem;
	width: 100%;
	display: flex;
	align-items: center;
}

/* 4. Voci Inattive (Stile Sans-Serif pulito) */
ul.w-nav-list.level_1 a.w-nav-anchor.level_1 {
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	color: #aeb4b9;
	display: flex;
	align-items: center;
	width: 100%;
	transition: color 0.3s ease;
}

/* Hover sulle voci non attive: stesso stile della voce attiva */
ul.w-nav-list.level_1 li:not(.current-menu-item) a.w-nav-anchor.level_1:hover {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 2.2rem;
	font-style: italic;
	font-weight: 700;
	color: #0b1a2a;
}

/* 5. Voce Attiva (Stile Serif, Corsivo, Grassetto) */
ul.w-nav-list.level_1 li.current-menu-item a.w-nav-anchor.level_1 {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 2.2rem;
	font-style: italic;
	font-weight: 700;
	color: #0b1a2a;
}

/* 6. La linea sfumata: presente su tutte le voci, visibile su active e hover */
ul.w-nav-list.level_1 a.w-nav-anchor.level_1::after {
	content: "";
	display: block;
	flex-grow: 1;
	height: 2px;
	margin-left: 1.5rem;
	background: linear-gradient(to right, #0b1a2a 0%, rgba(11, 26, 42, 0) 100%);
	max-width: 60%;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.5s ease;
}

/* Linea tracciata da sx a dx su hover e su voce attiva */
ul.w-nav-list.level_1 li.current-menu-item a.w-nav-anchor.level_1::after,
ul.w-nav-list.level_1 a.w-nav-anchor.level_1:hover::after {
	transform: scaleX(1);
}

/* Assicura che il testo non vada a capo spezzando la linea */
ul.w-nav-list.level_1 span.w-nav-title {
	white-space: nowrap;
}



.w-nav-open .ht--menu-transparent-wrapper a,
.w-nav-open .ht--menu-transparent-wrapper a:hover{
	color: var(--color-content-faded)!important;
}