/**
 * Styles for the Championworks Text Marquee Elementor widget.
 * A continuous, seamless CSS-only scrolling ticker: the track is rendered
 * twice back to back and animated by exactly -50%, so the loop point is
 * pixel-identical to the start and never visibly "jumps."
 */

.cw-marquee {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cw-marquee__track {
	display: flex;
	width: max-content;
	animation: cw-marquee-scroll var( --cw-marquee-duration, 25s ) linear infinite;
}

.cw-marquee--right .cw-marquee__track {
	animation-direction: reverse;
}

.cw-marquee--pause-hover:hover .cw-marquee__track {
	animation-play-state: paused;
}

.cw-marquee__group {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.cw-marquee__item {
	white-space: nowrap;
	display: inline-block;
}

.cw-marquee__divider {
	flex-shrink: 0;
	display: inline-block;
}

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

@media ( prefers-reduced-motion: reduce ) {
	.cw-marquee__track {
		animation: none;
	}
}