/* ==========================================================================
   Y Text Scroll — Elementor Widget Styles
   Plugin by Ferdy Salim | https://www.citylife.church
   ========================================================================== */

/* Wrapper — the visible container */
.y-text-scroll__wrapper {
	overflow: hidden;
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

/* The moving track — holds two copies of the text for seamless looping */
.y-text-scroll__track {
	display: flex;
	flex-shrink: 0;
	white-space: nowrap;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

/* Pause on hover (CSS custom-property driven) */
.y-text-scroll__track:hover {
	animation-play-state: var(--y-scroll-pause, running);
}

/* Individual text copies */
.y-text-scroll__text {
	display: inline-block;
	padding-right: 4em; /* gap between repetitions */
}

/* ==========================================================================
   Keyframes
   ========================================================================== */

/* Right-to-Left (direction = left — text moves from right → left) */
@keyframes y-scroll-left {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* Left-to-Right (direction = right — text moves from left → right) */
@keyframes y-scroll-right {
	0%   { transform: translateX(-50%); }
	100% { transform: translateX(0); }
}