/* =========================
   Kontajner & hlavný slider
   ========================= */
.slider-container{
  position: relative;
  width: 100%;
  margin: 0 0 20px;
  border: 0 solid #eee;
  box-shadow: -2.652px 2.652px 15px 3.75px rgba(0,0,0,.06);
  overflow: hidden;                 /* drž obsah v koridore */
  z-index: 1;
}
.slider-container .slideshow-main{
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* obrázky */
.slider-container .slideshow-main img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
}

/* slidy */
.slider-container .slideshow-main .slide{
  position: relative;
  text-align: center;
  background-position: center;
  background-size: cover;
}

/* =========================
   Overlay (title/desc/button)
   ========================= */
.slick-slide .content{ position:absolute; width:50%; color:#000; }
@media (min-width:768px){ .slick-slide .content{ top:30%; } }
@media (max-width:767px){ .slick-slide .content{ top:10%; } }

.slick-slide .position-left{ left:10px; padding-left:5%; text-align:left; background:#f3f5f7; box-shadow:0 0 14px rgba(0,0,0,.10); }
.slick-slide .position-right{ right:10px; padding-right:5%; text-align:right; background:#f3f5f7; box-shadow:0 0 14px rgba(0,0,0,.10); }

.slick-slide .title,
.slick-slide .description,
.slick-slide .btn-slider{ overflow:hidden; }

.slick-slide .title span{
  display:inline-block; padding:5px; font-weight:700; line-height:1;
  color:#000; background:#f1f1f1; transform:translateY(100%); transition:all .5s ease; opacity:0;
}
.slick-slide .description span,
.slick-slide .btn-slider span{
  display:inline-block; padding:5px; line-height:1.4;
  color:#000; background:#f3f5f7; transform:translateY(100%); transition:all .5s ease; opacity:0;
}
.slick-slide .btn-slider span:hover{ background:#000; color:#fff; }

.slick-current.slick-active .title span{ transform:translateY(0); transition-delay:.4s; opacity:1; }
.slick-current.slick-active .description span{ transform:translateY(0); transition-delay:.8s; opacity:1; }
.slick-current.slick-active .btn-slider span{ transform:translateY(0); transition-delay:1.2s; opacity:1; }

@media (min-width:576px){
  .slick-slide .title span{ font-size:32px; }
  .slick-slide .description span, .slick-slide .btn-slider span{ font-size:20px; }
}
@media (max-width:575px) and (min-width:361px){
  .slick-slide .title span{ font-size:18px; }
  .slick-slide .description span, .slick-slide .btn-slider span{ font-size:11px; }
}
@media (max-width:360px){
  .slick-slide .content{ width:95%; }
  .slick-slide .position-left{ left:0; }
  .slick-slide .position-right{ right:0; }
  .slick-slide .title span{ font-size:12px; }
  .slick-slide .description span, .slick-slide .btn-slider span{ font-size:10px; }
  .slick-slide p.title, .slick-slide p.description{ margin:0 0 5px; }
}

/* =========================
   ŠÍPKY
   ========================= */
.slider-container .slideshow-main .slick-prev,
.slider-container .slideshow-main .slick-next{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; z-index: 10; cursor: pointer;
  background: transparent; border: 0; text-align: center;
  font-size: 0; line-height: 0;      /* skry fallback text */
}
.slider-container .slideshow-main .slick-prev{ left:12px; }
.slider-container .slideshow-main .slick-next{ right:12px; }
.slider-container .slideshow-main .slick-prev::before,
.slider-container .slideshow-main .slick-next::before{
  font-family: FontAwesome; font-size: 40px; color: rgba(0,0,0,.8); line-height: 1; display: inline-block;
}
.slider-container .slideshow-main .slick-prev:hover::before,
.slider-container .slideshow-main .slick-next:hover::before{ color:#000; }
.slider-container .slideshow-main .slick-prev::before{ content:"\f053"; }
.slider-container .slideshow-main .slick-next::before{ content:"\f054"; }

/* =========================
   DOTS – súrodenec .slideshow-main (legacy .swiper-pagination)
   ========================= */

/* 1) miesto v kontajneri len keď sú bodky (JS dáva .has-dots) */
.slider-container.has-dots{ padding-bottom: 10px; }

/* 2) absolútne pripnutý holder bodiek v rámci .slider-container */
.slider-container > .swiper-pagination{
  position: absolute !important;
  left: 0; right: 0;
  bottom: 10px;                 /* default – keď NIE sú miniatúry */
  text-align: center;
  z-index: 5;
  display: block;
}
/* keď sú miniatúry, posuň bodky nad ne (výška 110/90px + malý odstup) */
.slider-container.has-thumbs > .swiper-pagination{
  bottom: calc(110px + 10px);
}
@media (max-width: 767px){
  .slider-container.has-thumbs > .swiper-pagination{
    bottom: calc(90px + 10px);
  }
}

/* 3) neutralizuj globálne slick-theme a nastav vzhľad bodiek */
.slider-container > .swiper-pagination .slick-dots{
  position: static !important;
  bottom: auto !important; left: auto !important; right: auto !important;
  width: auto !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; text-align: center !important;
  display: inline-flex !important; gap: 8px; list-style: none;
}
.slider-container > .swiper-pagination .slick-dots li{ display:inline-block; }
.slider-container > .swiper-pagination .slick-dots li button{
  width: 12px; height: 12px; border: 0; border-radius: 50%;
  background: rgba(0,0,0,.55);
  font-size: 0; cursor: pointer;
}
/* zruš pseudo-bodku zo slick-theme, inak by boli „dve“ */
.slider-container > .swiper-pagination .slick-dots li button:before{ content:none !important; }
.slider-container > .swiper-pagination .slick-dots li.slick-active button{ background: rgba(0,0,0,.92); }

/* =========================
   MINIATÚRY
   ========================= */
.slider-container .slideshow-thumbs{ width:100%; height:110px; overflow:hidden; }
@media (max-width:767px){ .slideshow-thumbs{ height:90px; } }
.slideshow-thumbs .thumb{ opacity:.5; padding:0 5px; }
.slideshow-thumbs .thumb img{ width:100%; height:100%; object-fit:contain; cursor:pointer; }
.slideshow-thumbs .slick-current{ opacity:1; }

/* =========================
   Stavové & poistky (Slick)
   ========================= */
.slideshow-main.is-loading .slide{ visibility:hidden; }
.slideshow-main.is-ready   .slide{ visibility:visible; }
.slideshow-main .slide-img{ margin:0; }
.slideshow-main .slick-list{ overflow:hidden; }
.slideshow-main .slick-track{ display:flex; }
.slideshow-main .slick-slide{ height:auto; }