/**
 * WH Image Slider - Minimal CSS (Swiper base from theme)
 * @author Woohoo.pl
 * @copyright 2025
 */
.wh-slider{
  /* ------------------------------------------------------------------
     TOKENY MODULU — polprzezroczystosci i cienie.
     Paleta nie trzyma kolorow z kanalem alfa, wiec te zostaja lokalne,
     z fallbackiem = dotychczasowa wartosc (migracja nic nie zmienia
     wizualnie, dopoki branza nie nadpisze). Standard: CLAUDE.md 5a.
     Trzymane na .wh-slider, nie w :root — nie zasmiecamy globalnego
     korzenia stylami jednego modulu.
     ------------------------------------------------------------------ */

  /* Letterbox pod wideo 16:9 — czern jest tu celowa (pasy przy innym
     formacie maja byc neutralne), ale branza moze chciec np. bieli. */
  --wh-is-video-bg: var(--wh-color-bg-inverse, #000);

  /* Cien strzalki nawigacji: SVG, wiec drop-shadow, nie box-shadow. */
  --wh-is-nav-shadow: var(--wh-shadow-sm, 0 2px 4px rgba(0, 0, 0, .1));
  --wh-is-nav-shadow-hover: var(--wh-shadow-md, 0 4px 8px rgba(0, 0, 0, .15));

  /* Kropki paginacji na zdjeciu — biel z alfa, zeby czytac sie na kazdym. */
  --wh-is-dot-bg: color-mix(in srgb, var(--wh-color-bg-base, #fff) 50%, transparent);
  --wh-is-dot-bg-hover: color-mix(in srgb, var(--wh-color-bg-base, #fff) 80%, transparent);

  position: relative;
  width: 100%;
  overflow: hidden;
}
.wh-slider__container{position:relative;width:100%}.wh-slider__list{margin:0;padding:0;list-style:none}.wh-slider__link{display:block;width:100%;text-decoration:none;line-height:0}.wh-slider__image{display:block;width:100%;height:auto}.wh-slider__video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:var(--wh-is-video-bg,#000)}.wh-slider__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.wh-slider__video-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.wh-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:52px;height:52px;padding:0;margin:0;border:none;background:0 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.wh-slider__nav:focus{outline:0}.wh-slider__nav:after{display:none}.wh-slider__nav svg{display:block;width:52px;height:52px;transition:transform .2s ease;filter:drop-shadow(var(--wh-is-nav-shadow,0 2px 4px rgba(0,0,0,.1)))}@media (hover: hover) {
.wh-slider__nav:hover svg {transform:scale(1.08);filter:drop-shadow(var(--wh-is-nav-shadow-hover,0 4px 8px rgba(0,0,0,.15)))}
}.wh-slider__nav-bg{fill:var(--wh-color-white,#fff)}.wh-slider__nav-arrow{fill:var(--wh-color-accent,#9E8264)}.wh-slider__nav--prev{left:20px}.wh-slider__nav--next{right:20px}.wh-slider__nav.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}.wh-slider__pagination{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:10px}.wh-slider__dot{width:12px;height:12px;padding:0;margin:0;border:none;border-radius:50%;background:var(--wh-is-dot-bg,rgba(255,255,255,.5));cursor:pointer;transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover) {
.wh-slider__dot:hover {background:var(--wh-is-dot-bg-hover,rgba(255,255,255,.8))}
}.wh-slider__dot--active{background:var(--wh-color-accent,#9E8264);transform:scale(1.25)}.wh-slider--single .wh-slider__nav,.wh-slider--single .wh-slider__pagination{display:none}@media(max-width:767px){.wh-slider__nav{width:40px;height:40px}.wh-slider__nav svg{width:40px;height:40px}.wh-slider__nav--prev{left:10px}.wh-slider__nav--next{right:10px}.wh-slider__pagination{bottom:15px;gap:8px}.wh-slider__dot{width:10px;height:10px}.wh-slider__slide--hide-mobile{display:none!important}}