/**
 * Menu utente nell'header (modalità bridge).
 *
 * Il markup (template-parts/header/user-menu.php) riusa le classi Bootstrap Italia
 * della slim bar (nav-item, dropdown, nav-link, dropdown-toggle, dropdown-menu,
 * link-list), già stilate come per il dropdown lingua di riferimento. Qui solo
 * ritocchi minimi: gestione dello stato hidden e allineamento icona/label.
 */

/* Il consumer JS commuta lo stato via attributo `hidden`: forziamo la sparizione
   anche se BI imposta `display` su nav-link/dropdown (specificità). */
.asf-al-user-menu [hidden] {
	display: none !important;
}

/* Login e toggle contengono icona + testo: allineamento verticale e spazio. */
.asf-al-user-menu__login,
.asf-al-user-menu .dropdown-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

/* Stato anonimo 'modal': bottone "Accedi all'area personale" (apre #access-modal).
   Compatto nella slim bar, su una riga, senza allargarsi a tutta larghezza. */
.asf-al-user-menu__login-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	white-space: nowrap;
}

/* Il toggle è un <button>: la slim bar dà il bianco agli <a> ma non ai button,
   così il testo (nome utente) resterebbe su --bs-nav-link-color (scuro) e
   illeggibile sull'header. Lo allineiamo alle icone e ai link fratelli. */
.asf-al-user-menu .dropdown-toggle {
	color: #fff;
}

/* In hover la slim bar del parent vira il testo a --bs-nav-link-hover-color (una
   tinta derivata dalla primary: verde scuro, rosso scuro…) sullo sfondo hover della
   primary → colore-su-colore illeggibile. La nostra regola a riposo non copre
   :hover/:focus, così vince il parent. Coloriamo di bianco sia il toggle sia lo
   span del nome: sul crimson di Palermo una variante di .nav-link:hover batte la
   regola sul solo toggle (verificato in produzione), ma lo span — unico testo
   visibile — eredita il colore, quindi va forzato direttamente. Lo sfondo colorato
   in hover resta: è l'affordance BI standard, leggibile col bianco. */
.asf-al-user-menu .dropdown-toggle:hover,
.asf-al-user-menu .dropdown-toggle:focus,
.asf-al-user-menu .dropdown-toggle:hover .asf-al-user-menu__name,
.asf-al-user-menu .dropdown-toggle:focus .asf-al-user-menu__name {
	color: #fff;
}

/* Nel pannello dropdown (sfondo bianco) i link ereditano il bianco della slim
   bar (.it-header-slim-wrapper-content a): ripristiniamo il colore link dei
   dropdown di BI, leggibile e coerente col colore primario per-ente. */
.asf-al-user-menu .dropdown-menu .link-list a {
	color: var(--bs-dropdown-link-color);
}

/* Separatore prima di "Esci" (reso solo con voci aggiuntive configurate). In questo
   tema --bs-dropdown-divider-bg è transparent, quindi .dropdown-divider non traccia
   alcuna linea: le diamo un colore di bordo visibile riusando la variabile di bordo
   standard di BI. */
.asf-al-user-menu .dropdown-menu .dropdown-divider {
	border-top-color: var(--bs-border-color);
}