/*
 * CDC Barra Mobile — la navigazione in fondo allo schermo.
 *
 * Prima erano cerchi colorati che galleggiavano sopra il contenuto, senza
 * etichette e con due icone su cinque che non portavano da nessuna parte.
 * Ora e' una barra piena, con il nome scritto sotto ogni icona e la voce
 * della sezione corrente accesa.
 *
 * Il foglio si carica su tutte le pagine perche' la barra c'e' ovunque: sono
 * poche centinaia di byte compressi.
 */

.cdc-barra {
	--cdc-barra-bordeaux: var(--awb-color7, #950c45);
	--cdc-barra-spenta: #8d7a70;

	font-family: var(--body_typography-font-family, Rubik, Arial, Helvetica, sans-serif);
}

.cdc-barra *,
.cdc-barra *::before,
.cdc-barra *::after {
	box-sizing: border-box;
}

.cdc-barra__voci {
	display: flex;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdc-barra__voce {
	flex: 1;
	margin: 0;
	list-style: none;
}

/*
 * 56px di altezza piu' il padding: sopra i 44pt che Apple indica come
 * minimo per un bersaglio da dito, con tutta la voce cliccabile e non solo
 * l'icona.
 */
.cdc-barra .cdc-barra__voce > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-height: 56px;
	padding: 7px 4px;
	color: var(--cdc-barra-spenta, #8d7a70);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .2px;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.cdc-barra .cdc-barra__voce > a:hover,
.cdc-barra .cdc-barra__voce > a:focus-visible {
	color: var(--cdc-barra-bordeaux, #950c45);
}

/* La sezione in cui ci si trova: prima non c'era modo di saperlo. */
.cdc-barra .cdc-barra__voce--attiva > a {
	color: var(--cdc-barra-bordeaux, #950c45);
}

.cdc-barra__voce--attiva > a svg {
	stroke-width: 2.2;
}

.cdc-barra__testo {
	display: block;
}

/*
 * La barra vive dentro un contenitore Avada che la tiene in fondo. Qui si
 * aggiunge solo il respiro per la tacca inferiore dell'iPhone, altrimenti
 * le etichette finiscono sotto la barra di sistema.
 */
@supports (padding: max(0px)) {
	.cdc-barra__voci {
		padding-bottom: max(0px, env(safe-area-inset-bottom));
	}
}