/* =====================================================
   Elfsight Testimonials Slider – Komplett-Fix
   ===================================================== */

/* ---------------------------------
   1. Slider sauber abschneiden
   (keine Reste links/rechts)
--------------------------------- */
.eapps-testimonials-slider-items,
.eapps-testimonials-slider-slider,
.eapps-testimonials-slider-slider-container,
.eui-slider,
.eui-slider-outer,
.eui-slider-slide,
.eapps-testimonials-slider-page {
  overflow: hidden !important;
}

/* ---------------------------------
   2. Volle Breite sicherstellen
--------------------------------- */
.eapps-testimonials-slider-items,
.eapps-testimonials-slider-slider,
.eapps-testimonials-slider-slider-container,
.eui-slider,
.eui-slider-slide,
.eapps-testimonials-slider-page {
  width: 100% !important;
  max-width: 100% !important;
}

/* ---------------------------------
   3. Innerer Track
--------------------------------- */
.eapps-testimonials-slider-slider-inner,
.eui-slider-inner {
  display: flex !important;
  overflow: visible !important;
}

/* ---------------------------------
   4. Seitenlayout
--------------------------------- */
.eapps-testimonials-slider-page {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

/* ---------------------------------
   5. Desktop: 5 Spalten
--------------------------------- */
.eapps-testimonials-slider-page-item {
  width: calc(20% - 32px) !important;
  flex: 0 0 calc(20% - 32px) !important;
  max-width: calc(20% - 32px) !important;
  height: auto !important;
}

/* ---------------------------------
   6. Mehr-anzeigen Logik stabilisieren
--------------------------------- */
.eui-item-text-full {
  display: none;
}

.eui-item-text-expanded .eui-item-text-full {
  display: block !important;
}

.eui-item-text-expanded .eui-item-text-excerpt,
.eui-item-text-expanded .eui-item-text-see-more {
  display: none !important;
}

/* ---------------------------------
   7. Text darf vollständig wachsen
--------------------------------- */
.eapps-testimonials-slider-page-item-text-shorter,
.eui-item-text-full {
  max-height: none !important;
}

/* ---------------------------------
   8. Rechten Inhaltsbereich verkleinern,
   damit der rechte Pfeil außen sichtbar bleibt
--------------------------------- */

/* Slider selbst bleibt unverändert */
.eapps-testimonials-slider-slider {
  position: relative !important;
  overflow: visible !important;
}

/* Kundenstimmen-Bereich rechts um ca. 40px schmaler */
.eapps-testimonials-slider-slider-container,
.eui-slider-outer {
  width: calc(100% - 48px) !important;
  max-width: calc(100% - 48px) !important;
  overflow: hidden !important;
}

/* Inhalt sauber maskieren */
.eapps-testimonials-slider-slider-inner,
.eui-slider-inner {
  overflow: visible !important;
}

/* Linker Pfeil bleibt wie vom Plugin gesetzt */
.eapps-testimonials-slider-slider-prev,
.eui-slider-arrow-prev {
  left: auto;
}

/* Rechter Pfeil nicht künstlich verschieben */
.eapps-testimonials-slider-slider-next,
.eui-slider-arrow-next {
  right: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 30 !important;
}

/* ---------------------------------
   9. Tablet: 3 Spalten
--------------------------------- */
@media (max-width: 1200px) {
  .eapps-testimonials-slider-page-item {
    width: calc(33.333% - 32px) !important;
    flex: 0 0 calc(33.333% - 32px) !important;
    max-width: calc(33.333% - 32px) !important;
  }
}

/* ---------------------------------
   10. Mobil: 1 Spalte
--------------------------------- */
@media (max-width: 767px) {
  .eapps-testimonials-slider-page {
    flex-direction: column !important;
  }

  .eapps-testimonials-slider-page-item {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}