/**
 * Elementor Scroll Text — base styles.
 * Purely structural/safe defaults; colors, typography, spacing and shadow
 * are all controlled by Elementor's Style tab via {{WRAPPER}} selectors.
 */

.est-scroll-text {
	width: 100%;
}

.est-scroll-text__content {
	margin: 0;
	width: 100%;
}

/* Split units start transparent-safe: color is set immediately by GSAP
   (gsap.set) on init, this is only the pre-JS / no-JS fallback so text
   never flashes invisible if a script is blocked. */
.est-split-unit {
	display: inline-block;
	will-change: color;
}

.est-split-unit.word,
.est-split-unit.char {
	white-space: pre;
}

/* Respect reduced-motion users: the color transition itself is driven by
   scroll position rather than a CSS/JS timed transition, so there is no
   auto-playing motion to suppress beyond disabling will-change hinting. */
@media ( prefers-reduced-motion: reduce ) {
	.est-split-unit {
		will-change: auto;
	}
}