/**
 * Styles du module "Slider des adhérents".
 * Toutes les dimensions réglables passent par des variables CSS
 * injectées en inline par le template (--ferrocampus-logo-height, --ferrocampus-gap).
 */

.ferrocampus-members-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}

.ferrocampus-members-slider__track {
	display: flex;
	align-items: center;
	width: max-content;
	gap: var(--ferrocampus-gap, 40px);
	will-change: transform;
}

.ferrocampus-members-slider__item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ferrocampus-members-slider__link {
	display: block;
	line-height: 0;
}

.ferrocampus-members-slider__logo {
	height: var(--ferrocampus-logo-height, 60px);
	width: auto;
	max-width: none;
	display: block;
	object-fit: contain;
	transition: transform 0.25s ease;
}

.ferrocampus-members-slider__link:hover .ferrocampus-members-slider__logo,
.ferrocampus-members-slider__link:focus-visible .ferrocampus-members-slider__logo {
	transform: scale(1.06);
}

/* Respect de la préférence utilisateur "réduire les animations" (WCAG 2.3.3) :
   la piste devient une liste statique, repliable horizontalement au besoin. */
@media (prefers-reduced-motion: reduce) {
	.ferrocampus-members-slider {
		overflow-x: auto;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.ferrocampus-members-slider__track {
		flex-wrap: nowrap;
		transform: none !important;
	}

	/* Le second passage (dupliqué pour la boucle infinie) est masqué :
	   en mode statique, chaque adhérent ne doit apparaître qu'une fois. */
	.ferrocampus-members-slider__link[aria-hidden='true'],
	.ferrocampus-members-slider__logo[aria-hidden='true'] {
		display: none;
	}
}