/**
 * Compléments de la page d'accueil migrée.
 *
 * Tout le design vient du CSS figé d'Elementor (css/frozen/). Cette feuille ne
 * couvre qu'un point que le constructeur assurait en JavaScript et non en CSS :
 * le carrousel des partenaires, dont Swiper calculait les largeurs de slides et
 * animait la translation en posant des styles en ligne. Sans Swiper, il faut
 * les écrire.
 */

/* Largeur des logos : le nombre visible et l'écart viennent des réglages du
   widget d'origine, transmis par le script sous forme de variables. */
[data-vodun-carousel] .swiper-wrapper {
	--vodun-carousel-gap: 50px;
	--vodun-carousel-visible: 6;
	--vodun-carousel-duration: 55s;

	display: flex;
	align-items: center;
	gap: var(--vodun-carousel-gap);
	width: max-content;
}

[data-vodun-carousel] .swiper-slide {
	flex: 0 0 auto;
	width: calc(
		(100vw - var(--vodun-carousel-gap) * (var(--vodun-carousel-visible) - 1))
		/ var(--vodun-carousel-visible)
	);
	max-width: 220px;
}

/* Défilement continu. La piste contient deux copies identiques de la liste :
   translater de la moitié de sa largeur ramène donc exactement à l'état de
   départ, et la boucle se referme sans saut. */
[data-vodun-carousel].vodun-carousel--running .swiper-wrapper {
	animation: vodun-carousel-scroll var(--vodun-carousel-duration) linear infinite;
}

[data-vodun-carousel] .elementor-image-carousel-wrapper {
	overflow: hidden;
}

@keyframes vodun-carousel-scroll {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		/* La moitié de la piste, plus l'écart qui suit le dernier logo de la
		   première copie — sans lui, la boucle sauterait d'un interstice. */
		transform: translate3d(calc(-50% - var(--vodun-carousel-gap) / 2), 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-vodun-carousel] .swiper-wrapper {
		animation: none;
	}
}

/* Questions de FAQ ajoutées après la migration.

   Le CSS figé ne connaît que les cinq questions d'origine, chacune par son
   identifiant. Les suivantes reprennent ici le peu qu'il apportait — le panneau
   en flex, la couleur du texte — pour se comporter comme les autres. */
.e-n-accordion .vodun-accordion-panel {
	--display: flex;
}

.e-n-accordion .vodun-accordion-answer {
	color: #1D1E22;
}