/**
 * MarqueeX Pro Frontend Styles
 *
 * Loaded in <head> on licensed sites. Deliberately minimal: everything Pro adds
 * on the front end is driven by JavaScript, so the only job of this file is to
 * hand the track over to that engine cleanly.
 */

/*
 * Scroll interactions (mouse wheel + drag): when the block carries the
 * `data-marqueex-interactions` attribute, the JS engine drives the track via
 * transform. Suppress the CSS keyframes from the first paint so there's no flash
 * of CSS-driven motion before the engine takes over (notably in the editor, where
 * Elementor re-renders the widget on every change).
 */
.marqueex-marquee-block[data-marqueex-interactions] .marqueex-marquee-track {
    animation: none !important;
}

/*
 * Respect the visitor's motion preference — the engine bails out for reduced
 * motion, so hand the track back to the (also motion-aware) free stylesheet.
 */
@media (prefers-reduced-motion: reduce) {
    .marqueex-marquee-block[data-marqueex-interactions] .marqueex-marquee-track {
        animation: revert !important;
    }
}