
.slideradaptive-container{position:relative;z-index:50}
.slideradaptive-slide{width:100%}

/* overlay arrows (center-left / center-right over the slider) */
.slideradaptive-overlay{
  position:absolute; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; border:1px solid #d0d0d0; border-radius:50%;
  background:#fff; font-size:22px; line-height:1; color:inherit; text-decoration:none;
  cursor:pointer; user-select:none; z-index:100;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.slideradaptive-overlay:hover{background:#f6f6f6;border-color:#bfbfbf;transform:translateY(-50%) scale(1.05)}
.slideradaptive-prev{left:10px}
.slideradaptive-next{right:10px}

/* bottom controls: two arrows at edges */
.slideradaptive-controls--bottom{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-top:12px;
}
.slideradaptive-bottom-prev,
.slideradaptive-bottom-next{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border:1px solid #d0d0d0; border-radius:50%;
  background:#fff; font-size:22px; line-height:1; color:inherit; text-decoration:none;
  cursor:pointer; user-select:none;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.slideradaptive-bottom-prev:hover,
.slideradaptive-bottom-next:hover{background:#f6f6f6;border-color:#bfbfbf;transform:translateY(-1px)}

@media (prefers-reduced-motion: reduce){
  .slideradaptive-overlay,
  .slideradaptive-bottom-prev,
  .slideradaptive-bottom-next{transition:none}
}



/* ===== USER OVERRIDES (overlay & bottom arrows) ===== */
.slideradaptive-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    font-size: 35px;
    line-height: 1;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 100;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.slideradaptive-prev { left: 10px; }
.slideradaptive-next { right: 10px; }

.slideradaptive-bottom-prev,
.slideradaptive-bottom-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 2px solid #000000;
    border-radius: 50%;
    background: #fff;
    font-size: 25px;
    line-height: 1;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}


/* Labels near bottom arrows */
.slideradaptive-label-prev,
.slideradaptive-label-next{
  display:inline-block;
  margin:0 8px;
  font-size:14px;
  line-height:1;
  vertical-align:middle;
  user-select:none;
}



/* === v: labels closer to arrows === */
.slideradaptive-label-prev,
.slideradaptive-label-next{ margin:0 !important; }

/* Left side: ❮ Prev (tiny gap) */
.slideradaptive-label-prev{ margin-left:2px !important; margin-right:0 !important; }

/* Right side: Next ❯ (tiny gap) */
.slideradaptive-label-next{ margin-right:2px !important; margin-left:0 !important; }

/* Ensure vertical centering with arrows */
.slideradaptive-controls--bottom{ display:flex; align-items:center; }


/* make Prev/Next labels clickable like arrows */
.slideradaptive-label-prev, .slideradaptive-label-next{cursor:pointer;}

/* centered caption below controls */
.slideradaptive-caption{margin-top:10px;text-align:center;font-size:14px;line-height:1.35;color:#666}

/* caption font-size 18px */
.slideradaptive-caption{font-size:18px !important;}

/* Center overlay arrows relative to the image; replace vertical spacing via slide padding */
.slideradaptive-container{ position:relative; }
.slideradaptive-overlay{ position:absolute; line-height:1; }
.slideradaptive-overlay.slideradaptive-prev{ left:8px; right:auto; }
.slideradaptive-overlay.slideradaptive-next{ right:8px; left:auto; }
.slideradaptive-slide{ padding:10px 0; }
.slideradaptive-slide img{ margin:0 auto !important; display:block; }

@media (max-width:600px){
  .slideradaptive-overlay{ width:40px; height:40px; font-size:22px; }
}


/* --- CLS minimization for bottom controls --- */
.slideradaptive-controls.slideradaptive-controls--bottom{
  min-height: 60px;          /* reserve space to avoid layout shift */
  padding-top: 8px;
  padding-bottom: 8px;
}
.slideradaptive-bottom-left,
.slideradaptive-bottom-right{
  white-space: nowrap;        /* avoid wrapping that changes height */
}
.slideradaptive-label-prev,
.slideradaptive-label-next{
  display: inline-block;      /* stable line box next to circle buttons */
  line-height: 44px;          /* match 44px button height to keep row height stable */
}
@media (max-width: 480px){
  .slideradaptive-controls.slideradaptive-controls--bottom{
    min-height: 54px;         /* a bit tighter on small screens but still reserved */
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .slideradaptive-label-prev,
  .slideradaptive-label-next{
    line-height: 40px;        /* match smaller overlays if any */
  }
}


/* CLS fix: reserve space via aspect-ratio on the image wrapper */
.slideradaptive-images{width:100%;}
.slideradaptive-container, .slideradaptive-images{line-height:0;}
.slideradaptive-images img{display:block;width:100%;height:auto;}


/* Prevent auto ads inside slider (CSS fallback) */
.slideradaptive-container .adsbygoogle,
.slideradaptive-container .google-auto-placed,
.slideradaptive-container iframe[id^="aswift_"],
.slideradaptive-container div[id^="google_ads_iframe_"]{
  display:none !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
