/**
 * MC Consent — thème
 * Une seule variable à changer par client : --mc-primary
 * (injectée depuis les réglages WordPress).
 */
:root {
	--mc-primary: #1bb0ce;
}

#cc-main {
	/* Couleur d'action : boutons principaux, toggles, liens */
	--cc-btn-primary-bg: var(--mc-primary);
	--cc-btn-primary-border-color: var(--mc-primary);
	--cc-btn-primary-hover-bg: color-mix(in srgb, var(--mc-primary) 85%, black);
	--cc-btn-primary-hover-border-color: color-mix(in srgb, var(--mc-primary) 85%, black);
	--cc-toggle-on-bg: var(--mc-primary);
	--cc-link-color: var(--mc-primary);

	/* Typo : hérite du thème du site pour s'intégrer partout */
	--cc-font-family: inherit;

	/* Rayons doux, ombre discrète */
	--cc-modal-border-radius: 0.6rem;
	--cc-btn-border-radius: 0.4rem;
	--cc-modal-margin: 1rem;
}

/* Focus clavier visible (accessibilité) */
#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible,
#cc-main a:focus-visible {
	outline: 2px solid var(--mc-primary);
	outline-offset: 2px;
}

/* Badge flottant : rouvre les préférences après consentement */
#mc-consent-badge {
	position: fixed;
	bottom: 1rem;
	z-index: 2147483000; /* sous les modales de la librairie */
	width: 46px;
	height: 46px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: var(--mc-primary);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}
#mc-consent-badge.mc-badge-left  { left: 1rem; }
#mc-consent-badge.mc-badge-right { right: 1rem; }
#mc-consent-badge.mc-badge-visible {
	opacity: 0.92;
	transform: translateY(0);
}
#mc-consent-badge:hover,
#mc-consent-badge:focus-visible {
	opacity: 1;
}
#mc-consent-badge:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	#mc-consent-badge {
		transition: none;
		transform: none;
	}
}