/**
 * Lunatika Factory — veste grafica del cookie banner Complianz (blocco 18/07).
 *
 * Complianz genera il banner con la sua palette (fallback hex nel DB); qui lo si
 * porta DENTRO il design system: token live (token --lf-, --r-, --sh-2), quindi
 * dark/light AUTOMATICI col toggle del sito — nessun hex duplicato per tema.
 * Scoped al container Complianz: nessun altro componente toccato.
 * Caricato solo se Complianz è attivo (enqueue condizionale in inc/enqueue.php).
 */

/* Complianz pilota il banner via custom properties --cmplz_* dichiarate su :root
   nel CSS generato (uploads/complianz/css): qui si RIMAPPANO quelle variabili sui
   token del tema — html:root vince su :root a prescindere dall'ordine di enqueue,
   e i token cambiano con [data-theme] → dark/light automatici senza duplicare hex. */
html:root {
	--cmplz_banner_background_color: var(--lf-card, #241e2c);
	--cmplz_banner_border_color: var(--lf-card-border, rgba(245, 239, 230, 0.08));
	--cmplz_banner_border_width: 1px 1px 1px 1px;
	--cmplz_banner_border_radius: var(--r-lg, 14px) var(--r-lg, 14px) var(--r-lg, 14px) var(--r-lg, 14px);
	--cmplz_text_color: var(--fg, var(--lf-avorio, #f5efe6));
	--cmplz_hyperlink_color: var(--accent-2-hover, var(--lf-borgogna-light, #a9385e));
	--cmplz_title_font_size: 17px;
	--cmplz_text_font_size: 13px;
	--cmplz_button_accept_background_color: var(--accent, var(--lf-borgogna, #8b2252));
	--cmplz_button_accept_border_color: var(--accent, var(--lf-borgogna, #8b2252));
	--cmplz_button_accept_text_color: var(--lf-on-accent, #f5efe6);
	--cmplz_button_deny_background_color: transparent;
	--cmplz_button_deny_border_color: var(--lf-card-border-strong, var(--lf-rame, #c4956a));
	--cmplz_button_deny_text_color: var(--fg, var(--lf-avorio));
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_border_color: var(--lf-card-border-strong, var(--lf-rame, #c4956a));
	--cmplz_button_settings_text_color: var(--fg, var(--lf-avorio));
	--cmplz_button_border_radius: 12px;
	--cmplz_slider_active_color: var(--accent, var(--lf-borgogna, #8b2252));
	--cmplz_slider_inactive_color: var(--lf-muted, #6a6377);
	--cmplz_category_header_always_active_color: var(--accent-2-hover, var(--lf-borgogna-light));
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	box-shadow: var(--sh-2, 0 8px 32px rgba(0, 0, 0, 0.32));
	font-family: var(--font-body, var(--lf-font-body, sans-serif));
	padding: 22px;
	gap: 12px;
}

/* Titolo col display serif del sito, message sobrio */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
	font-family: var(--font-display, var(--lf-font-display, serif));
	font-size: 20px;
	font-weight: 600;
	color: var(--fg, var(--lf-avorio));
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--fg-muted, var(--lf-muted, #b9b2a6));
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link {
	color: var(--accent-2-hover, var(--lf-borgogna-light, #a9385e));
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Bottoni: accept = pieno borgogna (on-accent per il contrasto), deny/preferenze = ghost */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	border-radius: 12px;
	font-family: var(--font-body, var(--lf-font-body, sans-serif));
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 11px 16px;
	transition: background var(--t-base, 0.2s) var(--ease, ease), color var(--t-base, 0.2s) var(--ease, ease), border-color var(--t-base, 0.2s) var(--ease, ease);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background: var(--accent, var(--lf-borgogna, #8b2252));
	border: 1px solid var(--accent, var(--lf-borgogna, #8b2252));
	color: var(--lf-on-accent, #f5efe6);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
	background: var(--accent-2-hover, var(--lf-borgogna-light, #a9385e));
	border-color: var(--accent-2-hover, var(--lf-borgogna-light, #a9385e));
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background: transparent;
	border: 1px solid var(--lf-card-border-strong, var(--lf-rame, #c4956a));
	color: var(--fg, var(--lf-avorio));
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	border-color: var(--accent-2-hover, var(--lf-borgogna-light));
	color: var(--accent-2-hover, var(--lf-borgogna-light));
}

/* Pannello categorie (Personalizza): coerente con le card del sito */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background: rgba(var(--lf-fg-rgb, 245, 239, 230), 0.04);
	border: 1px solid var(--lf-divider, rgba(245, 239, 230, 0.08));
	border-radius: var(--r-sm, 8px);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title {
	font-family: var(--font-body, var(--lf-font-body, sans-serif));
	font-weight: 600;
	color: var(--fg, var(--lf-avorio));
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description {
	color: var(--fg-muted, var(--lf-muted));
	font-size: 12.5px;
}

/* Toggle categorie sul borgogna */
#cmplz-cookiebanner-container .cmplz-cookiebanner input.cmplz-consent-checkbox:checked + .cmplz-label {
	background-color: var(--accent, var(--lf-borgogna, #8b2252));
}