/*
 *  Nevaa Slider — AltinKitaplar
 *  nevaa-slider.js icin taban stiller. Owl sinif adlari korundugu icin
 *  style.css / style-custom.css icindeki mevcut slider stilleri aynen gecerli kalir.
 *  Bu dosya style.css ve style-custom.css'ten SONRA yuklenmelidir.
 */

.ns-slider {
    position: relative;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* owlcarousel.css icindeki ".owl-carousel { display: none }" kuralini asar */
.ns-slider.owl-carousel,
.ns-slider.owl-carousel.owl-loaded {
    display: block;
}

.ns-slider .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.ns-slider .owl-stage {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /* dikey kaydirma tarayiciya kalsin, yatay hareketi biz yonetelim */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.ns-slider .owl-item {
    position: relative;
    float: none;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* owlcarousel.css ile ayni davranis korunuyor */
.ns-slider .owl-item img {
    display: block;
    width: 100%;
}

/* Surukleme imleci ve surukleme sirasinda link/gorsel tiklamalarinin engellenmesi */
.ns-slider.ns-draggable .owl-stage {
    cursor: -webkit-grab;
    cursor: grab;
}

.ns-slider.ns-dragging .owl-stage {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.ns-slider.ns-dragging a,
.ns-slider.ns-dragging img {
    pointer-events: none;
}

/* Kapali ya da gereksiz kontroller gizlenir (icerik tek ekrana sigiyorsa) */
.ns-slider .owl-nav.disabled,
.ns-slider .owl-dots.disabled {
    display: none;
}

.ns-slider .owl-nav .owl-prev.disabled,
.ns-slider .owl-nav .owl-next.disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
}

/* --------------------------------------------------
        Fade modu (ana banner slider)
-------------------------------------------------- */

.ns-slider.ns-fade .owl-stage {
    display: block;
    width: 100% !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: height 300ms ease;
    transition: height 300ms ease;
}

.ns-slider.ns-fade .owl-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    -webkit-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
}

.ns-slider.ns-fade .owl-item.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.ns-slider.ns-fade .owl-item > * {
    display: block;
}

.ns-slider.ns-fade .owl-item img {
    width: 100%;
    height: auto;
}

/* --------------------------------------------------
        Mobil uyarlamalar
-------------------------------------------------- */

@media (max-width: 767px) {
    /* Mobilde oklar gizli: gezinme parmakla kaydirma ve noktalarla yapiliyor */
    .slider-owl-next,
    .slider-owl-prev {
        display: none !important;
    }

    #mainSlider .owl-dots {
        bottom: 18px;
    }

    #mainSlider .owl-dot {
        height: 12px;
        width: 12px;
    }

    /* Urun karusellerinin ok butonlari da mobilde gizlenir */
    .ns-slider .owl-nav {
        display: none;
    }
}

@media (max-width: 480px) {
    #mainSlider .owl-dots {
        bottom: 12px;
    }

    #mainSlider .owl-dot {
        height: 9px;
        width: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ns-slider .owl-stage,
    .ns-slider.ns-fade .owl-item {
        -webkit-transition: none !important;
        transition: none !important;
    }
}