/**
 * Elora Logo Slider front-end styles.
 */

.elora-logo-slider {
	--elora-logos-per-view: 8;
	--elora-logo-gap: 2rem;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.elora-logo-slider__track {
	display: flex;
	gap: var(--elora-logo-gap);
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

.elora-logo-slider__item {
	align-items: center;
	display: flex;
	flex: 0 0 calc((100% - (var(--elora-logo-gap) * (var(--elora-logos-per-view) - 1))) / var(--elora-logos-per-view));
	justify-content: center;
	min-width: 0;
}

.elora-logo-slider__item a {
	display: block;
	width: 100%;
}

.elora-logo-slider__item img {
	display: block;
	height: 150px;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

@media screen and (max-width: 1599px) {
	.elora-logo-slider {
		--elora-logos-per-view: 7;
	}
}

@media screen and (max-width: 1399px) {
	.elora-logo-slider {
		--elora-logos-per-view: 6;
	}
}

@media screen and (max-width: 1024px) {
	.elora-logo-slider {
		--elora-logos-per-view: 5;
	}
}

@media screen and (max-width: 1023px) {
	.elora-logo-slider {
		--elora-logos-per-view: 4;
	}
}

@media screen and (max-width: 767px) {
	.elora-logo-slider {
		--elora-logos-per-view: 3;
		--elora-logo-gap: 1rem;
	}
}

@media screen and (max-width: 479px) {
	.elora-logo-slider {
		--elora-logos-per-view: 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	.elora-logo-slider__track {
		will-change: auto;
	}
}