/**
 * Styles des compositions Socialter.
 *
 * Classes à ajouter sur le bloc racine de la composition
 * (groupe, couverture, etc.) :
 * - bg-bleu-clair-compo
 * - bg-jaune-clair-compo
 *
 * Motifs : assets/img/texture-bleu.png et texture-jaune.png
 *
 * Pas d’overflow:hidden : il coupe l’ombre marketing dans les carrousels
 * (overflow parent + transform Swiper). Le border-radius suffit à rogner le fond.
 * margin-bottom réserve la place de l’ombre (4px) dans le flux.
 */

.bg-bleu-clair-compo {
	border-radius: var(--space-12, 12px);
	border: 0.5px solid var(--Accent-fonc, #00264D);
	background:
		url("../img/texture-bleu.png") lightgray 0% 0% / 100px 100px repeat,
		var(--Accent-trs-clair, #F5FBFF);
	background-blend-mode: multiply, normal;
	/* Ombre marketing */
	box-shadow: 0 4px 0 0 var(--Accent-fonc, #00264D);
	margin-bottom: 4px;
	overflow: visible;
}

.bg-jaune-clair-compo {
	border-radius: var(--space-12, 12px);
	border: 0.5px solid var(--Accent-fonc, #00264D);
	background:
		url("../img/texture-jaune.png") lightgray 0% 0% / 100px 100px repeat,
		var(--Abonnement-trs-clair, #FFFFF5);
	background-blend-mode: multiply, normal;
	/* Ombre marketing */
	box-shadow: 0 4px 0 0 var(--Accent-fonc, #00264D);
	margin-bottom: 4px;
	overflow: visible;
}