/* Banner del consenso — veste Complianz coi modi del tema.
 *
 * Sta qui e non nelle impostazioni del plugin per due ragioni: il foglio di
 * stile che Complianz genera si riscrive solo salvando dal pannello (quindi a
 * mano, su ogni sito), e a ogni aggiornamento del plugin quella regolazione
 * può tornare ai suoi colori. Nel tema invece è una cosa sola per tutti i siti
 * della rete, e non si perde.
 *
 * Il tema non usa angoli arrotondati né ombre: il banner li segue. */

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	--cmplz-nero: var(--nero, #0e0e0e);
	--cmplz-bianco: var(--bianco, #ffffff);
	--cmplz-filetto: var(--filetto, #e6e6e6);
	--cmplz-nota: var(--nota, #5f5f5f);

	max-width: min(26rem, calc(100vw - 2rem));
	padding: 1.4rem 1.5rem 1.25rem;
	background: var(--cmplz-bianco);
	border: 1px solid var(--cmplz-nero);
	border-radius: 0;
	box-shadow: none;
	font-family: var(--sans, system-ui, sans-serif);
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--cmplz-nero);
}

/* --- intestazione: il titolo non serve, il testo dice già tutto --- */
#cmplz-cookiebanner-container .cmplz-header {
	margin: 0 0 0.6rem;
	padding: 0;
	border: 0;
	min-height: 0;
}

#cmplz-cookiebanner-container .cmplz-title {
	font-family: var(--serif, Georgia, serif);
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: -0.01em;
	color: var(--cmplz-nero);
	padding: 0;
}

#cmplz-cookiebanner-container .cmplz-logo { display: none; }

#cmplz-cookiebanner-container .cmplz-close {
	color: var(--cmplz-nota);
	width: 1.1rem;
	height: 1.1rem;
	transition: color 180ms ease;
}
#cmplz-cookiebanner-container .cmplz-close:hover { color: var(--cmplz-nero); }

/* --- corpo --- */
#cmplz-cookiebanner-container .cmplz-body { padding: 0; }

#cmplz-cookiebanner-container .cmplz-message {
	margin: 0 0 1rem;
	color: var(--cmplz-nota);
	font-size: 0.8125rem;
	line-height: 1.6;
}

#cmplz-cookiebanner-container .cmplz-message a {
	color: var(--cmplz-nero);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

/* --- pulsanti: una sola azione piena, le altre col solo filetto --- */
#cmplz-cookiebanner-container .cmplz-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
}

#cmplz-cookiebanner-container .cmplz-btn {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 42px;
	padding: 0.55rem 0.9rem;
	border-radius: 0;
	border: 1px solid var(--cmplz-nero);
	background: var(--cmplz-bianco);
	color: var(--cmplz-nero);
	font-family: var(--sans, system-ui, sans-serif);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.2;
	box-shadow: none;
	transition: transform 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept {
	background: var(--cmplz-nero);
	color: var(--cmplz-bianco);
	border-color: var(--cmplz-nero);
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences {
	border-color: var(--cmplz-filetto);
	color: var(--cmplz-nota);
}

/* Al passaggio del mouse mai uno sfondo diverso: il riscontro è il movimento.
 * È la regola del progetto, e vale anche per i pezzi che arrivano da fuori. */
@media (hover: hover) {
	#cmplz-cookiebanner-container .cmplz-btn:hover { transform: translateY(-2px); }
}

#cmplz-cookiebanner-container .cmplz-btn:focus-visible {
	outline: 2px solid var(--cmplz-nero);
	outline-offset: 2px;
}

/* --- categorie, quando si aprono le preferenze --- */
#cmplz-cookiebanner-container .cmplz-categories { margin-top: 0.9rem; }

#cmplz-cookiebanner-container .cmplz-category {
	border: 0;
	border-top: 1px solid var(--cmplz-filetto);
	border-radius: 0;
	background: transparent;
	margin: 0;
}

#cmplz-cookiebanner-container .cmplz-category-title {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--cmplz-nero);
}

#cmplz-cookiebanner-container .cmplz-description {
	font-size: 0.75rem;
	color: var(--cmplz-nota);
}

/* --- l'elenco dei documenti resta nascosto ---
 * Complianz lo stampa con tre voci vuote quando i documenti non sono i suoi:
 * tre puntini senza testo, che sembrano un difetto. I collegamenti alle due
 * informative stanno nel testo del banner e nel piè di pagina, dove servono. */
#cmplz-cookiebanner-container .cmplz-documents { display: none; }

/* --- il pulsante per tornare sulle proprie scelte --- */
.cmplz-manage-consent {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 998;
	padding: 0.4rem 0.7rem;
	background: var(--bianco, #fff);
	border: 1px solid var(--filetto, #e6e6e6);
	border-left: 0;
	border-bottom: 0;
	border-radius: 0;
	color: var(--nota, #5f5f5f);
	font-family: var(--sans, system-ui, sans-serif);
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	#cmplz-cookiebanner-container .cmplz-btn { transition: none; }
	#cmplz-cookiebanner-container .cmplz-btn:hover { transform: none; }
}