/**
 * Swiper variants — wspólne style dla wszystkich karuzel base-block.
 *
 * Aktywacja: blok renderuje wrapper z dodatkową klasą `bb-swiper-{variant}`
 * obok własnej klasy bloku. CSS celuje w `.bb-swiper-{variant}` — agnostyczne
 * dla konkretnego bloku, więc każda nowa karuzela Swiper dostaje warianty
 * za darmo przez dodanie tej klasy w render.php.
 */

/* ─── Wariant: opacity ───────────────────────────────────────────────────────── */
/* Slajdy poza viewport Swipera mają obniżoną opacity (0.2). Widoczne — pełną. */
/* Bez transformów ani animacji wjazdu — slajdy stoją tam gdzie pozycjonuje je */
/* Swiper. Wymaga `watchSlidesProgress: true` w opcjach Swipera (klasa */
/* `.swiper-slide-visible` na slajdach w viewport). */
/* */
/* `overflow: visible >= 992px` to nie efekt — to warunek żeby wyciemnione */
/* slajdy obok aktywnego były w ogóle widoczne. Bez tego Swiper CDN clip'uje */
/* wszystko za `.swiper` przez `overflow: hidden`. Compound selector */
/* `.bb-swiper-opacity.swiper` (specyficzność 0,2,0) wygrywa z `.swiper { overflow: hidden }` */
/* z Swiper CDN (specyficzność 0,1,0) niezależnie od kolejności ładowania. */

.bb-swiper-opacity .swiper-slide {
	opacity: 0.2;
}

.bb-swiper-opacity .swiper-slide-visible {
	opacity: 1;
}

@media (min-width: 992px) {
	.bb-swiper-opacity.swiper {
		overflow: visible;
	}
}