/*
 * Curated testimonials block styles.
 *
 * Preserve the source CSS marquee while keeping motion safe for users who
 * request reduced motion.
 */

@keyframes reher-testimonials-marquee-horizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--marquee-gap)));
  }
}

@keyframes reher-testimonials-marquee-vertical {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - var(--marquee-gap)));
  }
}

.wp-block-reher-wp-testimonials .animate-marquee-horizontal {
  animation: reher-testimonials-marquee-horizontal var(--marquee-duration) infinite linear;
}

.wp-block-reher-wp-testimonials .animate-marquee-vertical {
  animation: reher-testimonials-marquee-vertical var(--marquee-duration) infinite linear;
}

.wp-block-reher-wp-testimonials .direction-\[reverse\] {
  animation-direction: reverse;
}

.wp-block-reher-wp-testimonials .group:hover .group-hover\:paused {
  animation-play-state: paused;
}

.wp-block-reher-wp-testimonials[data-testimonials-marquee-paused="true"]
  .animate-marquee-horizontal,
.wp-block-reher-wp-testimonials[data-testimonials-marquee-paused="true"]
  .animate-marquee-vertical {
  animation-play-state: paused;
}

.wp-block-reher-wp-testimonials [data-testimonials-marquee-icon-play] {
  display: none;
}

.wp-block-reher-wp-testimonials
  [data-testimonials-marquee-toggle][aria-pressed="true"]
  [data-testimonials-marquee-icon-pause] {
  display: none;
}

.wp-block-reher-wp-testimonials
  [data-testimonials-marquee-toggle][aria-pressed="true"]
  [data-testimonials-marquee-icon-play] {
  display: block;
}

/*
 * WordPress admin also defines .card in the Gutenberg editor. Keep any source
 * marker class neutralized locally if a future card copy reintroduces it.
 */
.wp-block-reher-wp-testimonials .card {
  background-color: revert-layer;
  border: 0;
  border-radius: revert-layer;
  margin-top: 0;
  max-width: none;
  padding: revert-layer;
}

.wp-block-reher-wp-testimonials [data-testimonials-marquee-mask] {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 8rem,
    #000 calc(100% - 8rem),
    transparent
  );
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 8rem,
    #000 calc(100% - 8rem),
    transparent
  );
}

@media (max-width: 639px) {
  .wp-block-reher-wp-testimonials [data-testimonials-marquee-mask] {
    -webkit-mask-image: none;
    mask-image: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wp-block-reher-wp-testimonials [data-testimonials-marquee-mask] {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .wp-block-reher-wp-testimonials [data-testimonials-marquee-row],
  .wp-block-reher-wp-testimonials [data-testimonials-marquee-group] {
    overflow: visible;
  }

  .wp-block-reher-wp-testimonials [data-testimonials-marquee-group],
  .wp-block-reher-wp-testimonials [data-testimonials-marquee-track] {
    flex-wrap: wrap;
    justify-content: center;
  }

  .wp-block-reher-wp-testimonials [data-testimonials-marquee-track] {
    animation: none;
    flex-shrink: 1;
    transform: none;
    width: 100%;
  }

  .wp-block-reher-wp-testimonials [data-testimonials-marquee-track] > article {
    width: min(100%, 24rem);
  }

  .wp-block-reher-wp-testimonials
    [data-testimonials-marquee-track-duplicate="true"] {
    display: none;
  }
}