/**
 * LSXC-25 — Portable continuous Alliance logo strip (template 143291).
 * Cursor agent change — 2026-07-23
 * See: .cursor/plans/lsxc-25-alliance-logos-slider (chat LSXC-25)
 *
 * Layout for the JS-driven continuous strip (auto-scroll + click/drag).
 * Matches production EAEL density: ~equal slide boxes, 10px gaps, color on hover.
 */

.elementor-143291 .lsxc25-marquee-host {
	overflow: hidden !important;
	position: relative;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.elementor-143291 .lsxc25-marquee-host.is-dragging {
	cursor: grabbing;
}

.elementor-143291 .lsxc25-marquee-track {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	width: max-content !important;
	gap: 0;
	transition: none !important;
	will-change: transform;
}

/*
 * Prod EAEL uses data-items=4 and data-margin=10 (≈348px slides, 10px gaps).
 * Equal slide boxes keep spacing even; logos center inside.
 */
.elementor-143291 .lsxc25-marquee-track > .swiper-slide {
	flex: 0 0 auto !important;
	width: clamp(200px, 22vw, 320px) !important;
	max-width: none !important;
	height: auto !important;
	min-height: 72px;
	margin: 0 5px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	box-sizing: border-box !important;
}

.elementor-143291 .lsxc25-marquee-track .eael-lc-logo-wrap,
.elementor-143291 .lsxc25-marquee-track .eael-lc-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.elementor-143291 .lsxc25-marquee-track .eael-lc-img-src,
.elementor-143291 .lsxc25-marquee-track img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	/* No max-height: object-fit contain + max-height shrinks width and recreates gaps. */
	height: auto !important;
	object-fit: contain;
	pointer-events: none;
	-webkit-user-drag: none;
	user-drag: none;
}

/* Grayscale idle; full color on hover / JS .is-lsxc25-color */
.elementor-143291 .lsxc25-marquee-host.grayscale-normal img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}

.elementor-143291 .lsxc25-marquee-host.grayscale-normal .swiper-slide:hover img,
.elementor-143291 .lsxc25-marquee-host.grayscale-normal .swiper-slide.is-lsxc25-color img {
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}

.elementor-143291 .lsxc25-marquee-host.lsxc25-reduced-motion .lsxc25-marquee-track {
	transform: none !important;
	flex-wrap: wrap !important;
	width: 100% !important;
	justify-content: center;
}

.elementor-143291 .lsxc25-marquee-host.lsxc25-reduced-motion {
	cursor: default;
}

@media (prefers-reduced-motion: reduce) {
	.elementor-143291 .lsxc25-marquee-track {
		transform: none !important;
		flex-wrap: wrap !important;
		width: 100% !important;
		justify-content: center;
	}

	.elementor-143291 .lsxc25-marquee-host {
		cursor: default;
	}
}

@media (max-width: 767px) {
	.elementor-143291 .lsxc25-marquee-track > .swiper-slide {
		width: clamp(140px, 40vw, 220px) !important;
		margin: 0 5px !important;
		min-height: 56px;
	}

	.elementor-143291 .lsxc25-marquee-track img {
		/* keep full slide width on mobile too */
	}
}