/*
 * Ostoya – Elementor Pro 3.10 (Slajdy, karuzele) na Elementorze 4.
 * Właściwe style przychodzą z Elementora (Swiper 8: `swiper`, `e-swiper`); kontenery dostają
 * klasę `swiper` z PHP/JS. Poniżej tylko pomost dla starej klasy `swiper-container`
 * – na czas, zanim klasa zostanie dopisana, i na wypadek gdyby styli Swipera zabrakło.
 * :where() trzyma niską specyficzność, żeby ustawienia widżetu (np. wysokość slajdu) wygrywały.
 */
:where(.elementor-element) .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

:where(.swiper-container) > .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

:where(.swiper-container > .swiper-wrapper) > .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

:where(.swiper-container) > .swiper-pagination {
	position: absolute;
	text-align: center;
	z-index: 10;
}

/* Te dwie reguły Elementor 3.10 miał dla `swiper-container` (strzałki / kropki „na zewnątrz”). */
.elementor-arrows-position-outside .swiper-container {
	width: calc(100% - 60px);
}

.elementor-pagination-position-outside .swiper-container {
	padding-bottom: 30px;
}