/**
 * Smartend CMS - Custom Slider Height CSS
 * Bu dosya slider/hero yüksekliğini özelleştirir
 */

/* ==========================================
   SLIDER / HERO YÜKSEKLİK AYARLARI
   ========================================== */

/* Ana slider yüksekliği - Varsayılan: calc(100vh - 250px) */
#hero,
#hero .carousel-item {
    height: 500px !important; /* 400px - Orta boy slider */
    min-height: 500px !important;
    max-height: 500px !important;
}

/* Mobil cihazlar için slider yüksekliği */
@media (max-width: 992px) {
    #hero,
    #hero .carousel-item {
        height: 300px !important; /* Mobilde daha küçük */
        min-height: 300px !important;
        max-height: 300px !important;
    }
}

/* Tablet cihazlar için */
@media (min-width: 768px) and (max-width: 991px) {
    #hero,
    #hero .carousel-item {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }
}

/* ==========================================
   SLIDER İÇERİK AYARLARI
   ========================================== */

/* Slider başlık boyutu (daha küçük slider için uygun) */
#hero h2 {
    font-size: 36px !important; /* Varsayılan: 48px */
}

/* Slider açıklama metni */
#hero p {
    font-size: 16px !important; /* Varsayılan: 20px */
}

/* Slider buton */
#hero .slider-link {
    padding: 8px 25px !important;
    font-size: 14px !important;
}

/* Mobil için başlık boyutu */
@media (max-width: 992px) {
    #hero h2 {
        font-size: 24px !important; /* Daha da küçük */
    }
    
    #hero p {
        font-size: 14px !important;
    }
}

/* ==========================================
   ALTERNATİF YÜKSELİK SEÇENEKLERİ
   ========================================== */

/* Çok Küçük Slider (250px) - Kullanmak için üstteki kodları yorum yapın */
/*
#hero,
#hero .carousel-item {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
}

@media (max-width: 992px) {
    #hero,
    #hero .carousel-item {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }
}
*/

/* Orta Boy Slider (500px) */
/*
#hero,
#hero .carousel-item {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
}

@media (max-width: 992px) {
    #hero,
    #hero .carousel-item {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }
}
*/

/* Büyük Slider (600px) */
/*
#hero,
#hero .carousel-item {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
}

@media (max-width: 992px) {
    #hero,
    #hero .carousel-item {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }
}
*/

/* ==========================================
   EK ÖZELLEŞTİRMELER
   ========================================== */

/* Slider overlay (koyu arka plan) ayarı */
#hero .carousel-item::before {
    opacity: 0.5; /* Varsayılan: 0.7 - Daha açık yapar */
}

/* Slider container padding ayarı */
#hero .carousel-container {
    padding: 20px 0; /* Üst ve alt padding */
}

/* Carousel indicators (nokta göstergeleri) konumu */
#hero .carousel-indicators {
    bottom: 15px; /* Altta boşluk */
}

/* Carousel control (ok) boyutları */
#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
    font-size: 36px; /* Ok boyutu */
}

/* ==========================================
   SAYFA ÜST MARGIN AYARI
   ========================================== */

/* Slider sonrası içerik için üst boşluk */
.fixed-top-margin {
    margin-top: 0 !important; /* Slider ile içerik arası boşluk */
}

/* ==========================================
   NOTLAR
   ========================================== */
/*
   1. Slider yüksekliğini değiştirmek için yukarıdaki değerleri düzenleyin
   2. !important kullanımı orijinal CSS'i geçersiz kılmak içindir
   3. Mobil ve desktop için ayrı değerler ayarlayabilirsiniz
   4. Alternatif boyutları kullanmak için ilgili yorum satırlarını açın
*/