/**
 * Infinite client-logo strip: moves the track left, one full copy of the logos, then starts again.
 *
 * The strip is built in Elementor (Pickleball page, "Clients" section): a track with the CSS ID
 * decospaa-logo-track that holds every logo twice. Pauses while the visitor points at it.
 * Visitors who ask their device for less motion get a still strip they can scroll sideways.
 *
 * @package decospaa
 */

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

#decospaa-logo-track {
	animation: decospaa-logo-scroll 60s linear infinite;
}

#decospaa-logo-track:hover {
	animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
	#decospaa-logo-track {
		animation: none;
	}
}