/* ============================================================
   Beekom Logo Carousel — CSS animation (no Swiper required)
   ============================================================ */

.beekom-logo-carousel {
	overflow: hidden;
	width: 100%;
	position: relative;
	/* Dégradés gauche/droite */
	mask-image: linear-gradient(
		to right,
		transparent,
		black 15%,
		black 85%,
		transparent
	);
	-webkit-mask-image: linear-gradient(
		to right,
		transparent,
		black 15%,
		black 85%,
		transparent
	);
}

.beekom-logo-carousel .swiper-wrapper {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	width: max-content;
	gap: 0;
	animation: logoScroll var(--carousel-speed, 28s) linear infinite;
}

@keyframes logoScroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

.beekom-logo-carousel .swiper-slide {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 40px;
}

.logo-carousel__img {
	height: 36px;
	width: auto;
	max-width: 160px;
	object-fit: contain;
	display: block;
}

/* Logos blancs sur fond coloré */
.beekom-logo-carousel--white .logo-carousel__img {
	filter: brightness(0) invert(1);
}

@media (prefers-reduced-motion: reduce) {
	.beekom-logo-carousel .swiper-wrapper {
		animation: none;
		flex-wrap: wrap !important;
		gap: 32px;
	}
}