/* ─── Testimonials Marquee Component — reusable across v2 landing pages ─────
 *
 * Pure CSS continuous marquee, no JS required. Pairs with
 * template/components/testimonials/template.php, which renders the track 4x so the
 * -50% loop period always exceeds the widest viewport (1920).
 *
 * Ported from template/template-parts/macrosnap/testimonials-section.php's
 * inline-equivalent styles in assets2/css/macrosnap.css (.ms-testimonials-*),
 * renamed to .ef-testimonials-* so it's decoupled from any single page.
 * ───────────────────────────────────────────────────────────────────────── */

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

.ef-testimonials-marquee {
    animation: ef-testimonials-marquee-scroll 40s linear infinite;
    will-change: transform;
}

.ef-testimonials-marquee-wrap:hover .ef-testimonials-marquee {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .ef-testimonials-marquee { animation: none; }
}

/* Coach badge: glossy radial-gradient bevel (all breakpoints). Layout/weight
   handled by utility classes in the template. Callers should keep the same
   badge-coach-bg.svg asset alongside their page's images, or override this
   background-image per-page if the badge graphic differs. */
.ef-testimonials .ef-testimonials-badge-coach {
    background-image: url("../../../assets2/images/macrosnap/badge-coach-bg.svg");
    background-size: 100% 100%;
}