/* Testimonials Block Styles */
.testimonials-block {
  /* Main container - exact Figma specs */
  background-color: var(--color-green-950);
  padding: var(--spacing-20, 5rem) var(--spacing-7, 1.75rem); /* 80px 28px */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-20, 5rem); /* 80px */
}

.testimonials-block .content-wrapper {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-20, 5rem); /* 80px */
}

/* Header Section */
.testimonials-block .header-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-7, 1.75rem); /* 28px */
  text-align: center;
}

.testimonials-block .heading-component {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3, 0.75rem); /* 12px */
  max-width: 846px;
}

.testimonials-block .block-subheading {
  /* Figma: Apolline Std, 700, 20px, 1.2em, TITLE case, letter-spacing 2% */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-heading-alt, "Apolline Std") !important;
  font-weight: var(--font-weight-bold, 700) !important;
  font-size: var(--font-size-xl, 1.25rem) !important; /* 20px */
  line-height: 1.2em !important;
  letter-spacing: 0.02em !important; /* 2% */
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 !important;
}

.testimonials-block .block-heading {
  /* Figma: Sora, 800, 48px, 0.9166666666666666em, UPPER case */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-heading, "Sora") !important;
  font-weight: var(--font-weight-extrabold, 800) !important;
  font-size: var(--font-size-5xl, 3rem) !important; /* 48px */
  line-height: 0.9166666666666666em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 !important;
}

.testimonials-block .block-body-text {
  /* Figma: Azo Sans, 400, 16px, 1.5em */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-body, "Azo Sans") !important;
  font-weight: var(--font-weight-normal, 400) !important;
  font-size: var(--font-size-base, 1rem) !important; /* 16px */
  line-height: 1.5em !important;
  text-align: center !important;
  margin: 0 !important;
  max-width: 600px;
}

/* Carousel Section */
.testimonials-block .carousel-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-7, 1.75rem); /* 28px */
}

/* Unified Carousel Styles */
.testimonials-block .testimonials-carousel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-7, 1.75rem); /* 28px */
}

.testimonials-block .carousel-viewport {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.testimonials-block .carousel-track {
  display: flex;
  transition: transform 0.3s ease;
}

/* Desktop carousel - show 3 cards with center focus */
@media (min-width: 768px) {
  .testimonials-block .carousel-viewport {
    max-width: 100%;
    overflow: visible; /* Allow side cards to be visible */
  }
  
  .testimonials-block .carousel-track {
    /* Center the track */
    display: flex;
    align-items: center;
    padding: 0 calc(50% - 474px); /* Center accounting for card width + gap */
  }
  
  .testimonials-block .carousel-slide {
    flex: 0 0 900px;
    padding: 0 24px; /* Half of 48px gap */
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
  
  .testimonials-block .carousel-slide.is-active {
    opacity: 1;
  }
}

/* Mobile carousel - show 1 card */
@media (max-width: 767px) {
  .testimonials-block .carousel-viewport {
    max-width: 300px;
  }
  
  .testimonials-block .carousel-slide {
    flex: 0 0 100%;
    width: 100%;
  }
}

/* Testimonial Cards */
.testimonials-block .testimonial-card {
  background-color: var(--color-green-900, #373A19);
  display: flex;
  gap: var(--spacing-4, 1rem); /* 16px */
  padding: var(--spacing-4, 1rem); /* 16px */
  align-items: flex-start;
}

/* Desktop cards */
@media (min-width: 768px) {
  .testimonials-block .desktop-grid .testimonial-card {
    width: 900px;
    flex-direction: row;
    flex-shrink: 0;
  }
}

/* Mobile cards */
@media (max-width: 767px) {
  .testimonials-block .testimonial-card {
    flex-direction: column;
    width: 300px;
  }
}

.testimonials-block .card-image {
  flex-shrink: 0;
}

.testimonials-block .card-image img {
  width: 240px;
  height: 240px;
  object-fit: cover;
  border: 2px solid var(--color-sage, #989371);
  display: block;
}

.testimonials-block .card-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3, 0.75rem); /* 12px */
  padding: 0 var(--spacing-4, 1rem); /* 0 16px */
  flex: 1;
}

.testimonials-block .testimonial-description {
  /* Figma: Azo Sans, 400, 18px, 1.5555555555555556em */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-body, "Azo Sans") !important;
  font-weight: var(--font-weight-normal, 400) !important;
  font-size: var(--font-size-lg, 1.125rem) !important; /* 18px */
  line-height: 1.5555555555555556em !important;
  text-align: left !important;
  margin: 0 !important;
  white-space: pre-line; /* Handle \n line breaks */
}

.testimonials-block .divider-line {
  width: 161px;
  height: 1px;
  background-color: var(--color-yellow-200, #FBEB8F);
  margin: var(--spacing-2, 0.5rem) 0; /* 8px 0 */
}

.testimonials-block .school-name {
  /* Figma: Apolline Std, 700, 20px, 1.2em, TITLE case, letter-spacing 2% */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-heading-alt, "Apolline Std") !important;
  font-weight: var(--font-weight-bold, 700) !important;
  font-size: var(--font-size-xl, 1.25rem) !important; /* 20px */
  line-height: 1.2em !important;
  letter-spacing: 0.02em !important; /* 2% */
  text-transform: uppercase !important;
  text-align: left !important;
  margin: 0 !important;
}

.testimonials-block .school-details,
.testimonials-block .recipe-label {
  /* Figma: Azo Sans, 400, 14px, 1.4285714285714286em */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-body, "Azo Sans") !important;
  font-weight: var(--font-weight-normal, 400) !important;
  font-size: var(--font-size-sm, 0.875rem) !important; /* 14px */
  line-height: 1.4285714285714286em !important;
  text-align: left !important;
  margin: 0 !important;
}

.testimonials-block .recipe-name {
  font-weight: 700 !important;
}

/* Carousel Controls */
.testimonials-block .carousel-controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-4, 1rem); /* 16px */
  padding: var(--spacing-2, 0.5rem); /* 8px */
  background-color: rgba(55, 58, 25, 0.56); /* Figma: rgba(55, 58, 25, 0.56) */
  border-radius: 4px;
  width: fit-content;
  margin: 36px auto;
}

/* Desktop-specific carousel adjustments */
@media (min-width: 768px) {
  .testimonials-block .carousel-controls {
    margin-top: var(--spacing-12, 3rem); /* 48px */
  }
}

.testimonials-block .total-slides {
    color: var(--color-yellow-200, #FBEB8F);
}

.testimonials-block .carousel-prev,
.testimonials-block .carousel-next {
  display: flex;
  align-items: center;
  margin: 0;
  gap: var(--spacing-2, 0.5rem); /* 8px */
  padding: var(--spacing-2, 0.5rem); /* 8px */
  background: transparent;
  border: 2px solid var(--color-yellow-200, #FBEB8F);
  color: var(--color-yellow-200, #FBEB8F);
  cursor: pointer;
  transition: all 0.2s ease;
}

.testimonials-block .carousel-prev:hover,
.testimonials-block .carousel-next:hover {
  background-color: var(--color-yellow-200, #FBEB8F);
  color: var(--color-green-950);
}

.testimonials-block .carousel-prev svg,
.testimonials-block .carousel-next svg {
  width: 24px;
  height: 24px;
}

.testimonials-block .carousel-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
}

.testimonials-block .carousel-indicator
 {
  /* Figma: Sora, 800, 24px, 1em, UPPER case */
  color: var(--color-yellow-200, #FBEB8F) !important;
  font-family: var(--font-heading, "Sora") !important;
  font-size: var(--font-size-2xl, 1.5rem) !important; /* 24px */
  line-height: 1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.testimonials-block .carousel-indicator .current-slide {
  font-weight: var(--font-weight-extrabold, 800) !important;
}

 @media (max-width: 767px) {
  .testimonials-block {
    padding: var(--spacing-20, 5rem) var(--spacing-7, 1.75rem); /* 80px 28px */
  }
  
  .testimonials-block .block-heading {
    font-size: var(--font-size-4xl, 2.25rem) !important; /* 36px for mobile */
    line-height: 0.8888888888888888em !important;
  }
  
  .testimonials-block .card-content {
    padding: 0; 
  }
  
  .testimonials-block .carousel-controls {
    gap: var(--spacing-4, 1rem); /* 16px */
  }
} 





.splide-testimonials .splide__slide {
  width: 900px;      
}

.splide-testimonials .splide__slide .testimonial-card {
  transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease;
   opacity: .5;
}
.splide-testimonials .splide__slide.is-active .testimonial-card {
   opacity: 1;
}

@media (max-width: 1280px) {
  .splide-testimonials .splide__slide { width: 640px; }
}
@media (max-width: 1024px) {
  .splide-testimonials .splide__slide { width: 520px; }
}
@media (max-width: 768px) {
  .splide-testimonials .splide__slide { width: 300px; }
}