/* CSS Variables */
:root {
  --testimonial-bg: #fff;
  --testimonial-radius: 0.5rem;
  --testimonial-padding: 1rem;
  --testimonial-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
  --testimonial-text-align: left;
  --logo-wrap-height: 6.25rem; /* 100px */
  --logo-wrap-margin-bottom: 1rem;
  --logo-img-max-height: 5rem; /* 80px */
  --swiper-slide-height: auto;
  --st0-fill: #000;
  --testimonials-logo-bg: #fff;
  --swiper-pagination-bullet-inactive-color: #000;
}

html[data-theme="dark"] {
  --testimonial-bg: #1e1e1e;
  --testimonial-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.5);
  --st0-fill: #fff;
  --testimonials-logo-bg: #e0d3d3;
  --swiper-pagination-bullet-inactive-color: #ececec;
}

/* Testimonial Card */
.testimonial {
  background: var(--testimonial-bg);
  border-radius: var(--testimonial-radius);
  padding: var(--testimonial-padding);
  box-shadow: var(--testimonial-shadow);
  text-align: var(--testimonial-text-align);
  height: 100%;
}

/* Logo Section */
.logo-wrap {
  height: var(--logo-wrap-height);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--logo-wrap-margin-bottom);
}
.logo-wrap img {
  max-height: var(--logo-img-max-height);
  object-fit: contain;
}

/* Swiper Slide */
.swiper-slide {
  height: var(--swiper-slide-height) !important;
}

/* SVG Fill */
.st0 {
  fill: var(--st0-fill);
}

.logo-wrap {
  background: var(--testimonials-logo-bg);
}

.swiper-pagination-bullet {
  background: var(--st0-fill);
}