/**
 * Mobil Görünüm Düzeltmeleri
 * Çeşitli mobil görünüm hataları için özel CSS düzeltmeleri
 * @author: Claude AI
 * @date: 2023
 */

/* Mobil cihazlarda header ve hero bölümü arasındaki boşluğu kaldır */
@media (max-width: 768px) {
    /* Ana İçerik Düzeltmeleri */
    main {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Header ve Hero Bölümleri */
    header {
        margin-bottom: 0 !important;
    }
    
    .hero-section {
        margin-top: 0 !important;
    }
    
    /* Header alanından sonraki ilk öğe */
    header + * {
        margin-top: 0 !important;
    }
    
    /* Preloader'dan sonraki içerik */
    body.loaded > * {
        margin-top: 0;
    }
    
    /* Taşmaları Engelle */
    body {
        overflow-x: hidden;
    }
    
    /* Mobil hero bölümü için özel düzenleme */
    .mobil-hero {
        margin-top: -15px !important; /* Mobil cihazlarda daha fazla negatif margin */
    }
    
    /* Header yüksekliği */
    header, .top-nav {
        margin-bottom: -1px !important;
    }
}

/* Tüm sayfalar için genel düzeltmeler */
#header-placeholder {
    margin: 0;
    padding: 0;
    display: block;
}

#header-placeholder + section {
    margin-top: 0;
}

/* Mobil hero bölümü için özel düzenleme */
.mobil-hero {
    margin-top: 0 !important;
    position: relative;
    top: -1px; /* Header ile tam birleşmesi için */
}