/* =============================================================================
   Moduł Slidery (sliders 1.1.0) — slajd: zdjęcie + podpis (treść z buildera) nałożony na zdjęcie
   Slajd jest siatką z jedną komórką: zdjęcie i podpis leżą na sobie, a wysokość slajdu = WIĘKSZE z nich.
   Dzięki temu długi podpis (np. na telefonie) powiększa slajd zamiast być obcinany; zdjęcie wtedy kadruje się (cover).
   Kolory paginacji — zmienne do nadpisania w custom.css projektu.
   ============================================================================= */
.dc-slider {--dc-slider-dot: rgba(255, 255, 255, 0.5); --dc-slider-dot-active: #fff; --dc-slider-progress: var(--color-accent, #ff6600); --dc-slider-dot-size: 14px; --dc-slider-bar-width: 72px;}

.dc-slider .swiper-slide {display: grid; width: 100%; max-height: none; position: relative;}
.dc-slider .swiper-slide > img, .dc-slider .swiper-slide > .swiper-caption {grid-area: 1 / 1;}
.dc-slider .swiper-slide > img {width: 100%; height: 100%; min-height: 0; object-fit: cover;}
.dc-slider .swiper-slide > .swiper-caption {position: relative; top: auto; left: auto; transform: none; align-self: center; width: 100%; text-align: left; color: #fff; padding-block: 32px; z-index: 1;}

/* Paginacja: kropki, aktywny slajd = szeroki pasek; przy automatycznym przewijaniu pasek wypełnia się w czasie slajdu */
.dc-slider .swiper-pagination-bullet {width: var(--dc-slider-dot-size); height: var(--dc-slider-dot-size); margin: 0 6px !important; background: var(--dc-slider-dot); opacity: 1; border-radius: 999px; transition: width 0.3s ease, background-color 0.3s ease;}
.dc-slider .swiper-pagination-bullet-active {position: relative; overflow: hidden; width: var(--dc-slider-bar-width); background: var(--dc-slider-dot-active);}
.dc-slider--progress .swiper-pagination-bullet-active::after {content: ""; position: absolute; inset: 0; background: var(--dc-slider-progress); border-radius: inherit; transform-origin: left center; transform: scaleX(var(--dc-slide-progress, 0));}
@media (prefers-reduced-motion: reduce) {.dc-slider .swiper-pagination-bullet {transition: none;}}

/* Strzałki: białe zamiast domyślnego niebieskiego Swipera; na telefonie ukryte (przewijanie palcem, nie zasłaniają treści) */
.dc-slider {--swiper-navigation-color: #fff; --swiper-navigation-size: 32px;}
@media (max-width: 767px) {.dc-slider .swiper-button-prev, .dc-slider .swiper-button-next {display: none;}}

/* Maks. wysokość (1.2.0, pole w edycji slidera): zdjęcie nie wyższe niż limit, kadrowane od środka. Od 768px —
   na telefonie wysokość wyznacza treść slajdu. Gdy treść jest wyższa od limitu, slajd rośnie (treść nie jest obcinana). */
@media (min-width: 768px) {.dc-slider--capped .swiper-slide > img {max-height: var(--dc-slider-max-h);}}