/* ================================================== */
/* HEADER MODERNO - caricato da intestazione.php      */
/* (tutte le pagine). Restyle leggero: la barra resta */
/* quella bianca originale del tema; qui solo gli     */
/* effetti colore su hover/attivo e i dropdown a      */
/* card arrotondata.                                  */
/* Caricato dopo custom.css: vince i pareggi di       */
/* specificità sul tema.                              */
/* NOTA: niente backdrop-filter sull'header — in      */
/* Chromium clippa i dropdown che sporgono sotto la   */
/* barra.                                             */
/* ================================================== */

/* Voci di primo livello: solo la transizione colore */
header nav ul.nav-main > li > a {
	-webkit-transition: color 0.25s ease;
	transition: color 0.25s ease;
}

header nav ul.nav-main > li > a:hover,
header nav ul.nav-main > li.active > a,
header nav ul.nav-main > li.dropdown:hover > a,
header ul.nav-pills > li.active > a {
	color: #3b82f6;
	background: none;
}

/* Indicatore hover/attivo: barretta sfumata come le card della home */
header nav ul.nav-main > li > a:after {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 26px;
	height: 3px;
	border-radius: 2px;
	background: linear-gradient(90deg, #3b82f6 0%, #10b981 100%);
	opacity: 0;
	-webkit-transform: scaleX(0.4);
	transform: scaleX(0.4);
	-webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
	transition: opacity 0.25s ease, transform 0.25s ease;
}

header nav ul.nav-main > li > a:hover:after,
header nav ul.nav-main > li.active > a:after {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* Il tema nasconde :after sull'hover dei dropdown (vecchia freccia):
   ripristina la barretta indicatore */
header nav ul.nav-main li.dropdown:hover > a:after {
	display: block;
}

/* Header compatto dopo lo scroll: barretta riposizionata */
.fixed-header-on .header.fixed nav ul.nav-main > li > a:after {
	bottom: 12px;
}

/* Caret dei dropdown */
header nav ul.nav-main i.fa-caret-down {
	color: #94a3b8;
}

header nav ul.nav-main li.dropdown:hover > a i.fa-caret-down,
header nav ul.nav-main li.dropdown.active > a i.fa-caret-down {
	color: #3b82f6;
}

/* Menu a tendina: card arrotondata con ombra morbida */
header nav ul.nav-main ul.dropdown-menu {
	border-radius: 12px;
	border-top: 3px solid #3b82f6;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
	padding: 8px 0;
}

header nav ul.nav-main ul.dropdown-menu > li > a {
	color: #334155;
	font-size: 13px;
	padding: 9px 14px;
	margin: 0 6px;
	border-radius: 8px;
	border-bottom: 0;
	-webkit-transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
	transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

header nav ul.nav-main ul.dropdown-menu li:hover > a {
	background: #eff6ff;
	color: #3b82f6;
	padding-left: 18px;
}

/* Bottone menu mobile */
.btn.btn-responsive-nav {
	background: #3b82f6 !important;
	border: none !important;
	border-radius: 8px;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

/* Su mobile il menu è a tutta larghezza: niente barretta indicatore */
@media (max-width: 991px) {
	header nav ul.nav-main > li > a:after {
		display: none;
	}
}