/*
 * Curated features-tabs styles.
 *
 * The block keeps the Raw Production/Tailwind structure. This file only holds
 * browser-runtime fixes that cannot be expressed safely through static classes.
 */

.wp-block-reher-wp-features-tabs .card {
  background-color: revert-layer;
  border: 0;
  border-radius: revert-layer;
  margin-top: 0;
  max-width: none;
  padding: revert-layer;
}

.wp-block-reher-wp-features-tabs [data-features-tabs-media-image] {
  filter: grayscale(0.65) saturate(0.72) contrast(0.94);
  transition: filter 0.5s ease;
}

.wp-block-reher-wp-features-tabs:is(:hover, :focus-within) [data-features-tabs-media-image] {
  filter: grayscale(0) saturate(1) contrast(1);
}

.wp-block-reher-wp-features-tabs [data-features-tabs-testimonial-card] {
  translate: -50% 0;
  transform: scale(var(--features-tabs-card-scale, 1));
}

.wp-block-reher-wp-features-tabs [data-features-tabs-autoplay-icon-play] {
  display: none;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .wp-block-reher-wp-features-tabs [data-features-tabs-testimonial-stack] {
    display: grid;
    gap: 0.75rem;
    height: auto;
  }

  .wp-block-reher-wp-features-tabs [data-features-tabs-testimonial-card] {
    bottom: auto !important;
    left: auto !important;
    opacity: 1 !important;
    position: relative;
    translate: none;
    transform: none;
    transition: none;
    z-index: auto !important;
  }

  .wp-block-reher-wp-features-tabs [data-features-tabs-media-image] {
    transition: none;
  }
}