/**
 * Mobile Header Top Fix
 * Mobilde header üstündeki gereksiz boşluğu kaldırır
 */

/* Mobile Header Top Spacing Fix */
@media (max-width: 991px) {
    /* Sticky header'ın top değerini sıfırla */
    .vt-header-main.sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding-top: 10px !important;
        z-index: 9999 !important;
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Scroll hide/show animasyonu */
    .vt-header-main.nav-up {
        transform: translateY(-100%);
        transition: transform 0.3s ease-in-out;
    }
    
    .vt-header-main.nav-down {
        transform: translateY(0);
        transition: transform 0.3s ease-in-out;
    }
    
    /* Admin bar varsa düzelt */
    .admin-bar .vt-header-main.sticky {
        top: 46px !important; /* WordPress admin bar height on mobile */
    }
    
    /* Header main için margin/padding sıfırla */
    .vt-header-main {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
    
    /* Body üst padding'i sıfırla */
    body {
        padding-top: 0 !important;
    }
    
    /* Header wrapper varsa */
    .vt-header,
    header.vt-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Topbar gizliyse spacing düzelt */
    .vt-topbar {
        display: none;
    }
    
    /* İlk container için margin düzelt */
    .vt-header-main .container:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* Tablet için özel ayarlar */
@media (min-width: 768px) and (max-width: 991px) {
    .vt-header-main.sticky {
        padding: 12px 0 !important;
    }
}

/* Küçük mobil cihazlar için */
@media (max-width: 576px) {
    .vt-header-main.sticky {
        padding: 8px 0 !important;
    }
    
    .vt-header-main.sticky .vt-logo img {
        max-height: 40px !important;
    }
}

/* WordPress admin bar için responsive düzeltme */
@media (max-width: 782px) {
    .admin-bar .vt-header-main.sticky {
        top: 46px !important;
    }
}

@media (min-width: 783px) {
    .admin-bar .vt-header-main.sticky {
        top: 32px !important;
    }
}

/* Header'dan sonraki ilk element için spacing */
@media (max-width: 991px) {
    .vt-header + *,
    header + * {
        margin-top: 0 !important;
    }
    
    /* Hero section için özel düzeltme */
    .vt-header + .hero-section,
    .vt-header + .xb-hero__area,
    header + .hero-section,
    header + .xb-hero__area {
        margin-top: 0 !important;
        padding-top: 60px !important; /* Header yüksekliği kadar */
    }
}