/* Bandeau de consentement : l'extension pose la palette et la géométrie, le
   thème pose sa typographie. Rien d'autre n'est surchargé — les couleurs, les
   rayons (aucun) et l'absence d'ombre sont réglés dans l'extension. */

#cmplz-cookiebanner-container .cmplz-cookiebanner,
#cmplz-cookiebanner-container .cmplz-cookiebanner * {
	font-family: var(--ff-body);
}

#cmplz-cookiebanner-container .cmplz-title {
	font-family: var(--ff-display);
	font-size: var(--fs-card);
	line-height: var(--lh-card);
	letter-spacing: var(--ls-card);
}

#cmplz-cookiebanner-container .cmplz-message {
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}

/* Les boutons du thème sont en capitales espacées, sans rayon. */
#cmplz-cookiebanner-container .cmplz-btn {
	font-size: var(--fs-micro);
	font-weight: 500;
	letter-spacing: var(--ls-micro);
	text-transform: uppercase;
}

/* Onglet « gérer mon consentement » sur mobile : l'extension le masque elle-même
   sous 768 px, or c'est le seul moyen pour un visiteur de revenir sur son choix.
   On le rétablit, sorti d'emblée — il n'y a pas de survol au doigt, et son
   animation « forwards » le replierait sinon. */
@media (max-width: 768px) {
	/* « html » en tête : la feuille de l'extension est chargée APRÈS celle du
	   thème, et à spécificité égale c'est elle qui gagnerait. */
	html #cmplz-manage-consent .cmplz-manage-consent {
		display: block;
		animation: none;
		bottom: 0;
	}
}