/* ==========================================================================
   Header White — inversione colori testata per utenti loggati
   Attivo solo quando body ha class="logged-in"
   ========================================================================== */

/* --- Header wrapper: sfondo bianco, border-bottom rimosso
   (altrimenti crea una linea extra sopra il sub-menu quando aperto) --- */
body .site-header-rev {
	background-color: #fff;
	border-bottom-color: transparent;
}

/* --- Logo: swap con versione rossa --- */
body .site-header-rev .site-logo a {
	/* background-image: url(../img/generali-wipmi-rosso.svg); */
	background-image: url(../img/rgb__ROSSO-completo.svg);
}

/* --- Menu desktop: testi rossi --- */
body .main-navigation-rev ul a {
	color: #c21b17;
}

/* --- Submenu desktop: sfondo bianco --- */
body .main-navigation-rev ul.sub-menu {
	background-color: #fff;
}

/* Border-bottom 1px sul sub-menu primo livello SEMPRE (aperto o chiuso).
   Quando chiuso, max-height: 0 + width: 100vw fanno sì che il border 1px
   attraversi tutta la viewport subito sotto l'header, facendo da "border dell'header".
   Quando il sub-menu si apre (max-height: 1000px), la linea si sposta giù con esso. */
body .main-navigation-rev #primary-menu > li > ul.sub-menu {
	border-bottom: 1px solid #c21b17;
}

/* Sub-menu aperto ha z-index più alto per coprire il border 1px dei sub-menu
   chiusi adiacenti (che altrimenti spunterebbe sopra il sub-menu aperto) */
body .main-navigation-rev #primary-menu > li:hover > ul.sub-menu {
	z-index: 1001;
}

/* Linea rossa 5px sotto voce del menu principale all'hover
   (stesso valore dell'originale: box-shadow: inset 0 -5px 0 0 white, solo colore cambiato) */
body .main-navigation-rev #primary-menu > li:hover {
	box-shadow: inset 0 -5px 0 0 #c21b17;
}

/* Linea rossa 1px sotto la voce-titolo del sub-menu (es. "Ricerca e indice") */
body .main-navigation-rev #primary-menu > li:hover > .sub-menu > li > a {
	border-bottom: 1px solid #c21b17;
}

/* --- Search field: fondo bianco, bordo rosso, testo/lente rossi --- */
body .search-wrapper input {
	background-color: #fff;
	color: #c21b17;
	border: 1px solid #c21b17;
	background-image: url(../img/search_red_24dp.svg);
}
body .search-wrapper input:focus {
	color: #c21b17;
}
body .search-wrapper input::placeholder {
	color: #c21b17;
	opacity: 1;
}
body .search-wrapper input:-ms-input-placeholder {
	color: #c21b17;
}
body .search-wrapper input::-ms-input-placeholder {
	color: #c21b17;
}

/* --- Hamburger: linee rosse --- */
body .hamburger span.hamburger-inner,
body .hamburger span.hamburger-inner::before,
body .hamburger span.hamburger-inner::after,
body .hamburger.is-active span.hamburger-inner,
body .hamburger.is-active span.hamburger-inner::before,
body .hamburger.is-active span.hamburger-inner::after {
	background-color: #c21b17;
}

/* --- Mobile menu: sfondo bianco, testi e separatori rossi --- */
body .mobile-menu-wrapper {
	background-color: #fff;
}
/* Solo colore, no border-bottom (il CSS originale lo rimuove con regole specifiche su li>a e sub-menu) */
body .mobile-menu-wrapper > .menu a {
	color: #c21b17;
}
body .mobile-menu-wrapper .menu > li {
	border-bottom: 1px solid #c21b17;
}

/* Submenu mobile: grigio chiaro per dare feedback visivo */
body .mobile-menu-wrapper .sub-menu {
	background-color: #f5f5f5;
}
body .mobile-menu-wrapper .menu > li.open {
	background-color: #f5f5f5;
}
body .mobile-menu-wrapper .sub-menu li {
	border-bottom: 1px solid rgba(194, 27, 23, 0.20);
}
body .mobile-menu-wrapper .sub-menu li:first-of-type {
	border-top: 1px solid #c21b17;
}

/* Triangolini dropdown mobile: rossi */
body .mobile-menu-wrapper > .menu > .menu-item-has-children::after,
body .mobile-menu-wrapper .sub-menu .menu-item-has-children::after {
	border-top-color: #c21b17;
}