/* Mobil kaydırma sorununu çözmek için eklenen stiller */

/* 1. HTML ve BODY elementlerinin yüksekliğini doğru ayarlamak */
html, body {
    /* Kaydırma çubuğunun sadece dikeyde görünmesini sağlamak */
    overflow-x: hidden !important; 
    /* Sayfanın tamamını kaplamasını sağlamak için min-height eklenmesi */
    min-height: 100vh; 
}

/* 2. Hero Section'ın yüksekliğini ve konumlandırmasını düzeltmek */
.hero-section {
    /* Navbar'ın altından başlamasını sağlamak */
    padding-top: 100px; /* Navbar yüksekliğine göre ayarlandı */
    /* Mobil görünümde içeriğin tam olarak görünmesi için minimum yükseklik */
    min-height: 100vh; 
    /* Flexbox ile içeriği dikeyde ortalamak */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* services-section'ın bottom: 0; çalışması için */
}

/* 3. Services Section'ın (Slider) konumlandırmasını düzeltmek */
.services-section {
    /* slider.css'deki position: absolute; bottom: 0; ayarını korumak */
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 100%;
    /* Mobilde position: static !important; ayarı slider.css'de (satır 100) mevcut. 
       Bu, mobil cihazlarda (max-width: 992px) slider'ın akışa girmesini sağlıyor.
       Ancak, ilk yüklemede oluşan beyaz boşluk, muhtemelen hero-section'ın 
       içeriği tam olarak kaplamamasından kaynaklanıyor.
       Hero-section'a min-height: 100vh; ve padding-top eklenmesi bu sorunu çözmeli.
    */
}

/* 4. Navbar'ın fixed-top olması nedeniyle içeriğin altına kaymasını engellemek */
.navbar.fixed-top + .hero-section {
    /* Zaten hero-section'a padding-top ekledik, bu ek bir güvenlik önlemi */
    /* margin-top: 80px; */ 
}

/* 5. Mobil cihazlar için özel düzeltmeler (max-width: 992px) */
@media (max-width: 992px) {
    .hero-section {
        /* Mobil cihazlarda navbar'ın altından başlaması için padding-top */
        padding-top: 80px; /* Navbar yüksekliği 80px civarında */
        /* İçeriğin görünürlüğünü sağlamak için min-height: 100vh; korundu */
        min-height: 100vh; 
    }
    
    /* slider.css'deki mobil ayarını tekrar kontrol edelim: */
    /* @media (max-width: 992px) { .services-section { position: static !important; } } */
    /* Bu ayar doğru, slider'ı akışa alıyor. */
}