/**
 * ARESS SLIDER FIX - Alt Alta Gelen Slide'ları Düzeltme
 * Bu dosya slide'ların düzgün çalışması için kritik CSS düzenlemelerini içerir
 */

/* Container mutlaka height'e sahip olmalı */
.aress-slider {
    position: relative !important;
    width: 100% !important;
/*    min-height: 500px !important;
    height: 600px !important;*/
    overflow: hidden !important;
    background: #000;
}

/* Wrapper da height'e sahip olmalı */
.aress-slider-wrapper,
.aress-slider-container {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

/* Her slide MUTLAKA position: absolute olmalı */
.aress-slide,
.aress-slide-item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.8s ease, visibility 0.8s ease !important;
    /*z-index: 1;*/
}

/* Aktif slide görünür olmalı */
    .aress-slide.active,
    .aress-slide-item.active {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 0 !important;
    }

/* Media elemanları container'ı doldurmalı */
.aress-slide img,
.aress-slide video,
.aress-slide-item img,
.aress-slide-item video,
.aress-slide-media,
.aress-slide-media img,
.aress-slide-media video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Navigation elementleri üstte olmalı */
.aress-slider-nav,
.aress-slider-prev,
.aress-slider-next,
.aress-slider-arrow {
    z-index: 100 ;
}

/* Pagination üstte olmalı */
.aress-slider-pagination {
    z-index: 100 ;
}

/* Content overlay üstte olmalı */
.aress-slide-content {
    position: relative !important;
   /* z-index: 10 ;*/
}

/* Responsive - Mobil */
@media (max-width: 768px) {
    .aress-slider {
        height: 400px !important;
        min-height: 400px !important;
    }
}

@media (max-width: 576px) {
    .aress-slider {
        height: 300px !important;
        min-height: 300px !important;
    }
}

/* Fullscreen mode */
.aress-slider.fullscreen {
    height: 100vh !important;
    min-height: 100vh !important;
}

/* Compact mode */
.aress-slider.compact {
    height: 400px !important;
    min-height: 400px !important;
}

/* Debug mode - sorun devam ederse aktif edin */
.aress-slider.debug {
    border: 3px solid red !important;
}

.aress-slider.debug .aress-slide,
.aress-slider.debug .aress-slide-item {
    border: 2px solid yellow !important;
}

.aress-slider.debug .aress-slide.active,
.aress-slider.debug .aress-slide-item.active {
    border: 2px solid lime !important;
}