/*
 * FMI Cookie Consent — surcharge légère du thème par défaut de CookieConsent v3.
 * Les couleurs sont des tokens : à aligner sur la charte fmipro.fr (à valider par Enzo).
 * Contraste texte/fond ≥ 4.5:1, focus clavier visible, boutons de poids égal.
 */
:root {
	--fmi-cc-bg: #ffffff;
	--fmi-cc-text: #1f2937;         /* ~13:1 sur blanc */
	--fmi-cc-text-muted: #4b5563;   /* ~7:1 sur blanc */
	--fmi-cc-primary: #0f4c81;      /* bleu FMI : à remplacer par la couleur charte */
	--fmi-cc-primary-hover: #0b3a63;
	--fmi-cc-secondary-bg: #eef2f6;
	--fmi-cc-secondary-hover: #dfe6ee;
	--fmi-cc-focus: #f59e0b;

	/* Mapping vers les variables de CookieConsent v3 */
	--cc-bg: var(--fmi-cc-bg);
	--cc-primary-color: var(--fmi-cc-text);
	--cc-secondary-color: var(--fmi-cc-text-muted);
	--cc-btn-primary-bg: var(--fmi-cc-primary);
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-hover-bg: var(--fmi-cc-primary-hover);
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-secondary-bg: var(--fmi-cc-secondary-bg);
	--cc-btn-secondary-color: var(--fmi-cc-text);
	--cc-btn-secondary-hover-bg: var(--fmi-cc-secondary-hover);
	--cc-btn-secondary-hover-color: var(--fmi-cc-text);
	--cc-toggle-on-bg: var(--fmi-cc-primary);
	--cc-toggle-readonly-bg: #9ca3af;
	--cc-btn-border-radius: 6px;
	--cc-modal-border-radius: 10px;
	--cc-font-family: inherit; /* hérite de la typographie du thème */
}

/* Focus clavier visible sur tous les contrôles du bandeau */
#cc-main :is(button, a, input, [tabindex]):focus-visible {
	outline: 3px solid var(--fmi-cc-focus);
	outline-offset: 2px;
}

/* Cibles tactiles ≥ 44 px */
#cc-main .cm__btn,
#cc-main .pm__btn {
	min-height: 44px;
}

/* Lien « Gérer mes cookies » (shortcode [fmi_cookies_link]) rendu comme un lien texte */
.fmi-cc-link {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}
.fmi-cc-link:focus-visible {
	outline: 3px solid var(--fmi-cc-focus);
	outline-offset: 2px;
}

/* Respect des préférences de mouvement réduit */
@media (prefers-reduced-motion: reduce) {
	#cc-main * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}