/*
 * Banner del consenso ai cookie (inc/ig-consenso.php).
 * Sta sopra a tutto (la barra dei contatti è a 90, l'intestazione a 999) ma
 * non copre la pagina: niente «muro», si può continuare a leggere.
 * I selettori ripetono .ig-consenso perché `.mag-landing-body a` colora in oro
 * tutti i link e batte le regole meno specifiche.
 */
.ig-consenso {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 1000;
	max-width: 60rem;
	margin: 0 auto;
	padding: 1.1rem 2.8rem 1.1rem 1.3rem;
	display: flex;
	flex-wrap: wrap;
	gap: .9rem 1.5rem;
	align-items: center;
	background: #1a2332;
	color: #f4f1e8;
	border: 1px solid #c9a84c;
	border-radius: 6px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
	font-family: 'Inter', system-ui, sans-serif;
	font-size: .92rem;
	line-height: 1.5;
	max-height: calc(100vh - 2rem);
	overflow-y: auto;
}
.ig-consenso[hidden],
.ig-consenso [hidden] { display: none !important; }
.ig-consenso .ig-consenso__corpo { flex: 1 1 22rem; min-width: 0; }
.ig-consenso .ig-consenso__titolo {
	margin: 0 0 .25rem;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.05rem;
	color: #fff;
}
.ig-consenso .ig-consenso__testo { margin: 0; color: #f4f1e8; }
.ig-consenso a.ig-consenso__policy { color: #e3c877; text-decoration: underline; }
.ig-consenso .ig-consenso__azioni { display: flex; flex-wrap: wrap; gap: .5rem; flex: 0 1 auto; }
/* Accetta e Rifiuta hanno lo stesso aspetto: pari evidenza. */
.ig-consenso button.ig-consenso__btn {
	appearance: none;
	margin: 0;
	padding: .6rem 1.1rem;
	min-height: 44px;
	border: 1px solid #c9a84c;
	border-radius: 4px;
	background: #c9a84c;
	color: #1a2332;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.ig-consenso button.ig-consenso__btn:hover,
.ig-consenso button.ig-consenso__btn:focus-visible { background: #d9bc66; }
.ig-consenso button.ig-consenso__btn--scegli { background: transparent; color: #f4f1e8; }
.ig-consenso button.ig-consenso__btn--scegli:hover,
.ig-consenso button.ig-consenso__btn--scegli:focus-visible { background: rgba(201, 168, 76, .18); }
.ig-consenso button.ig-consenso__chiudi {
	position: absolute;
	top: .3rem;
	right: .4rem;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #f4f1e8;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
}
.ig-consenso button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ig-consenso .ig-consenso__scelte { margin-top: .9rem; padding-top: .8rem; border-top: 1px solid rgba(244, 241, 232, .25); }
.ig-consenso__cat { margin: 0 0 .7rem; }
.ig-consenso__cat label { display: flex; gap: .5rem; align-items: center; cursor: pointer; }
.ig-consenso__cat input { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; }
.ig-consenso__cat p { margin: .15rem 0 0 1.6rem; font-size: .86rem; opacity: .9; }
.ig-pref__sez--cookie .ig-consenso__cat p { color: #5b6470; opacity: 1; }

@media (max-width: 600px) {
	.ig-consenso { left: .5rem; right: .5rem; bottom: .5rem; padding: 1rem 1rem 1rem; }
	.ig-consenso .ig-consenso__titolo { padding-right: 2.2rem; }
	.ig-consenso .ig-consenso__azioni { width: 100%; }
	.ig-consenso button.ig-consenso__btn { flex: 1 1 calc(50% - .5rem); }
	/* Con quattro categorie aperte il banner scorre: i pulsanti restano sempre a portata di mano. */
	.ig-consenso .ig-consenso__azioni { position: sticky; bottom: -1rem; margin-bottom: -1rem; padding: .7rem 0 1rem; background: #1a2332; }
}