/**
 * Divi Group Carousel Peeker — Styles
 *
 * Wird nur geladen wenn mindestens ein Group Carousel auf der Seite
 * einen dezimalen "Slides to Show" Wert hat.
 *
 * DEFENSIV-STRATEGIE:
 * - Alle Regeln sind an die .et_pb_group_carousel_peeker Klasse gebunden,
 *   die NUR nach erfolgreicher JS-Validierung gesetzt wird.
 * - CSS Custom Property hat einen Fallback-Wert (50%) damit bei
 *   fehlendem --peeker-flex-basis kein ungültiges Layout entsteht.
 * - Ohne die Peeker-Klasse greifen keine dieser Regeln —
 *   Divis Original-Styling bleibt vollständig intakt.
 *
 * OVERFLOW-STRATEGIE:
 * KEIN Overflow-Override nötig! Durch den translate-Korrektur-Ansatz
 * (JS setzt CSS `translate` Property statt `transform` zu ändern) sind
 * die sichtbaren Slides — inkl. Peek — immer INNERHALB der Container-Bounds.
 *
 * Divis eigenes `overflow: clip visible` auf dem Container handhabt
 * das Clipping korrekt. Das Modul hat kein overflow gesetzt — dadurch
 * bleiben Arrows (auch "outside" positionierte) und Dots unberührt.
 *
 * Frühere Versionen setzten overflow:visible auf den Container und
 * overflow:hidden auf das Modul. Das hatte zwei Probleme:
 * 1. Clone-Slides bluteten links/rechts über den Container hinaus
 * 2. overflow:hidden auf dem Modul clipte die "outside" Arrows
 */

/* --- Flex-Basis Override --- */

/*
 * Divis CSS setzt z.B. .et_pb_group_carousel_slides_2 .et_pb_group_carousel_slide { flex: 0 0 50%; }
 * Wir überschreiben das mit dem tatsächlichen Dezimalwert via CSS Custom Property.
 * Die Variable --peeker-flex-basis wird vom PHP oder JS gesetzt.
 *
 * Fallback 50% = Standard für 2 Slides, schadet im Fehlerfall am wenigsten.
 */
.et_pb_group_carousel_peeker .et_pb_group_carousel_slide,
.et_pb_group_carousel_peeker .et_pb_group_carousel_slide > .et_pb_group {
    flex: 0 0 var(--peeker-flex-basis, 50%) !important;
}