@import "../styles/pager-dots.css";

.ec-testimonials {
  border: 1px solid var(--ec-border, #e5e7eb);
  border-radius: var(--ec-radius-xl, 24px);
  box-shadow: var(--ec-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
}

.ec-testimonials--soft {
  background: var(--ec-surface-2, #f6f7fb);
}

.ec-testimonials--plain {
  background: var(--ec-surface, #ffffff);
}

.ec-testimonials__inner {
  padding: var(--ec-10, 40px);
  display: grid;
  gap: var(--ec-4, 16px);
  align-content: center;
}

.ec-testimonials__slides {
  display: grid;
}

.ec-testimonials__slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--ec-dur-2, 180ms) var(--ec-ease, ease);
}

.ec-testimonials__slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ec-testimonials__quote {
  font-weight: 900;
  font-size: var(--ec-text-xl, 22px);
  line-height: var(--ec-leading-normal, 1.45);
  text-align: center;
}

.ec-testimonials__byline {
  color: var(--ec-muted, #4b5563);
  font-weight: 800;
  font-size: var(--ec-text-sm, 14px);
  margin-top: 10px;
  text-align: center;
}

.ec-testimonials__imageItem,
.ec-testimonials__imageFallback {
  display: none;
  height: 100%;
}

.ec-testimonials__imageItem.is-active,
.ec-testimonials__imageFallback.is-active {
  display: block;
}

.ec-testimonials__image img {
  height: 100%;
  width: 100%;
}

.ec-testimonials__imageFallback {
  background:
    radial-gradient(circle at 20% 20%, rgba(251, 191, 36, 0.6), transparent 35%),
    radial-gradient(circle at 80% 65%, rgba(96, 165, 250, 0.5), transparent 40%),
    linear-gradient(135deg, #f8fafc, #e5e7eb);
}

/* Images disappear above medium phone */ 
@media screen and (min-width: 600px) {
  .ec-testimonials__image {
    display: none;
  }
}

/* Switch to row layout and Aside images reappear with rounded right corners */
@media screen and (min-width: 1024px) {
  .ec-testimonials {
    display: grid;
    grid-template-columns: auto auto;
  }
  .ec-testimonials__image {
    display: initial;
    max-width: 300px;
  }
}