/* ─── Logo Carousel Component — reusable across v2 landing pages ────────────
 *
 * Pure CSS continuous marquee, no JS required. Pairs with
 * template/components/logo-carousel/template.php, which renders the logo strip 2x so
 * the -50% loop period always exceeds the widest viewport.
 *
 * Ported from template/template-parts/communication/logo-carousel-section.php's
 * inline-equivalent styles in assets2/css/communication.css (.comm-logos-*),
 * renamed to .ef-logo-carousel-* so it's decoupled from any single page.
 * ───────────────────────────────────────────────────────────────────────── */

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

.ef-logo-carousel-animate {
    animation: ef-logo-carousel-scroll 30s linear infinite;
    will-change: transform;
}

/* Second mobile row (mobile_two_row) — same keyframe played backwards, so it scrolls right instead of left.  */
.ef-logo-carousel-animate--reverse {
    animation-direction: reverse;
    animation-delay: -15s;
}

.ef-logo-carousel-animate:hover {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .ef-logo-carousel-animate {
        animation: none;
    }
}