/* Custom image slider — crossfade only, no pan/zoom.
   Used for #layerslider, #slide-top, #slide-banner, #slide-person. */

.cs-slider{
    position:relative;
    overflow:hidden;
    width:100%;
    background:#000;
    border-radius:inherit;
}
.cs-slider__track{
    position:relative;
    width:100%;
    height:100%;
}
.cs-slider__slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .9s ease-in-out;
    pointer-events:none;
}
.cs-slider__slide.is-active{
    opacity:1;
    pointer-events:auto;
    z-index:1;
}
.cs-slider__slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    /* explicit: no pan, no zoom, no kenburns */
    transform:none !important;
    animation:none !important;
}
.cs-slider__caption{
    position:absolute;
    left:0; right:0; bottom:0;
    padding:12px 18px;
    color:#fff;
    background:linear-gradient(180deg, transparent, rgba(0,0,0,.65));
    font-size:14px;
    z-index:2;
    pointer-events:none;
}
.cs-slider__dots{
    position:absolute;
    left:0; right:0; bottom:10px;
    display:flex;
    justify-content:center;
    gap:8px;
    z-index:3;
}
.cs-slider__dot{
    width:10px; height:10px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    border:0; padding:0;
    cursor:pointer;
    transition:background .2s, transform .2s;
}
.cs-slider__dot.is-active{ background:#fff; transform:scale(1.2); }
.cs-slider__arrow{
    position:absolute;
    top:50%; transform:translateY(-50%);
    width:40px; height:40px;
    border:0; border-radius:50%;
    background:rgba(0,0,0,.4);
    color:#fff;
    font-size:18px;
    cursor:pointer;
    z-index:3;
    display:flex; align-items:center; justify-content:center;
    transition:background .2s;
}
.cs-slider__arrow:hover{ background:rgba(0,0,0,.65); }
.cs-slider__arrow--prev{ left:10px; }
.cs-slider__arrow--next{ right:10px; }
.cs-slider--compact .cs-slider__arrow{ width:30px; height:30px; font-size:14px; }

@media (max-width: 576px){
    .cs-slider__arrow{ width:30px; height:30px; font-size:14px; }
    .cs-slider__caption{ font-size:12px; padding:8px 12px; }
}