/*
==========================================================================
A+Co ASC - Header Gap & Slider Text Fix
Bu fayl modern-aplusco-styles.css-dən SONRA yüklənməlidir
==========================================================================

PROBLEMLƏR:
1. Header üstündə artıq boşluq
2. Slider dəyişərkən mətnlər itir (opacity: 0 problemi)

MÜƏLLİF: Claude AI
TARİX: 2025-01-30
==========================================================================
*/

/* ========== 1. HEADER BOŞLUQ FIX ========== */
/* 
   Modern styles #rs-slider-ə margin-top: 90px əlavə edib,
   amma header-in faktiki hündürlüyü daha azdır.
   Bunu düzəldirik.
*/

#rs-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Header sabit olduğu üçün body-ə padding əlavə etmək daha düzgündür */
body.defult-home {
    padding-top: 0 !important;
}

/* Full width header - boşluq olmasın */
.full-width-header {
    margin-bottom: 0 !important;
}

/* Menu area - sticky header üçün düzgün spacing */
.menu-area.menu-sticky {
    position: relative;
}

/* Header fixed olduqda slider üçün düzgün spacing */
#rs-header.rs-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

/* Slider-in header altında düzgün görünməsi üçün */
.rs-slider,
#rs-slider {
    position: relative;
}


/* ========== 2. SLIDER TEXT ANIMATION FIX ========== */
/*
   Problem: opacity: 0 və animation: fadeInUp yalnız bir dəfə işləyir.
   Carousel dəyişdikdə animasiya restart olmur.
   
   Həll: Aktiv slide-dakı elementlər üçün animation istifadə edirik,
   qeyri-aktiv slide-larda isə mətnlər gizli qalır.
*/

/* Bütün slider mətnlərinin default vəziyyəti - GÖRÜNMƏZDİR */
.botslider .sl-subtitle,
.botslider .sl-title,
.botslider .sl-desc,
.slider-bottom .readon.slide-started {
    opacity: 0 !important;
    transform: translateY(30px);
    transition: none !important;
    animation: none !important;
}

/* YALNIZ AKTİV slide-dakı mətnlər görünür və animasiya olur */
.carousel-item.active .botslider .sl-subtitle {
    animation: sliderFadeInUp 0.6s ease forwards !important;
    animation-delay: 0.2s !important;
}

.carousel-item.active .botslider .sl-title {
    animation: sliderFadeInUp 0.6s ease forwards !important;
    animation-delay: 0.4s !important;
}

.carousel-item.active .botslider .sl-desc {
    animation: sliderFadeInUp 0.6s ease forwards !important;
    animation-delay: 0.6s !important;
}

.carousel-item.active .slider-bottom .readon.slide-started {
    animation: sliderFadeInUp 0.6s ease forwards !important;
    animation-delay: 0.8s !important;
}

/* Yeni keyframes - slider üçün xüsusi */
@keyframes sliderFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Carousel keçidi zamanı (sliding state) - bütün mətnlər gizlidir */
.carousel-item-next .botslider .sl-subtitle,
.carousel-item-next .botslider .sl-title,
.carousel-item-next .botslider .sl-desc,
.carousel-item-next .slider-bottom .readon.slide-started,
.carousel-item-prev .botslider .sl-subtitle,
.carousel-item-prev .botslider .sl-title,
.carousel-item-prev .botslider .sl-desc,
.carousel-item-prev .slider-bottom .readon.slide-started {
    opacity: 0 !important;
    animation: none !important;
}

/* Carousel keçidi bitdikdən sonra yeni aktiv slide üçün */
.carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) .botslider .sl-subtitle,
.carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) .botslider .sl-title,
.carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) .botslider .sl-desc,
.carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) .slider-bottom .readon.slide-started {
    /* Animation yenidən tətbiq olunur */
}


/* ========== ƏLAVƏ DÜZƏLIŞLƏR - DEYİŞDİRMƏ! ========== */
/* 
   Aşağıdakı hissələr orijinal dizaynı qoruyur,
   yalnız problemli sahələri düzəldir.
*/

/* Slider caption positioning - orijinal stil saxlanılır */
#botslider .carousel-caption {
    z-index: 2;
    text-align: left;
    left: 10%;
    right: 10%;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* Carousel item height - responsive */
#botslider .carousel-item {
    height: 85vh;
    min-height: 600px;
}

/* Slider image - responsive cover */
#botslider .carousel-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Slider overlay gradient - orijinal saxlanılır */
#botslider .carousel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(26, 26, 46, 0.85) 0%, 
        rgba(15, 52, 96, 0.7) 50%,
        rgba(233, 69, 96, 0.3) 100%);
    z-index: 1;
}


/* ========== MOBILE RESPONSIVE ========== */
@media (max-width: 991px) {
    #botslider .carousel-item {
        height: 70vh;
        min-height: 500px;
    }
    
    .botslider .sl-title {
        font-size: 2rem !important;
    }
    
    .botslider .sl-desc {
        font-size: 0.95rem !important;
    }
}

@media (max-width: 767px) {
    #botslider .carousel-item {
        height: 60vh;
        min-height: 400px;
    }
    
    /* Mobile-da description gizlənə bilər */
    .botslider .sl-desc {
        display: none;
    }
    
    .botslider .sl-title {
        font-size: 1.75rem !important;
    }
    
    #botslider .carousel-caption {
        left: 5%;
        right: 5%;
    }
}

@media (max-width: 575px) {
    #botslider .carousel-item {
        height: 50vh;
        min-height: 350px;
    }
    
    .botslider .sl-title {
        font-size: 1.5rem !important;
    }
    
    .botslider .sl-subtitle {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.75rem !important;
    }
}