/* Header fixed - üstte sabit; body'de padding yok, main'de padding-top */
html {
    background-color: #fff;
    overscroll-behavior-x: none;
}

body > header.modern-header-blue,
body > header.site-header-custom {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    z-index: 1030 !important;
}
/* Header document flow’da; main üst padding gereksiz boşluk oluşturur */
main.main-content {
    padding-top: 0 !important;
}
/* Ana sayfa: slider üstünde boşluk olmasın */
body.page-home main.main-content {
    padding-top: 0 !important;
}

/*
 * Üst satır menü: head içindeki inline stillerden SONRA yüklendiği için burada tekrar netleştiriyoruz.
 * Varsayılan görünür; yalnızca dar viewport’ta gizlenir (main.php ile aynı mantık).
 */
body > header.modern-header-blue.site-header-custom .header-desktop-nav,
body > header.site-header-custom.modern-header-blue .header-desktop-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    overflow: visible !important;
}
body > header.modern-header-blue.site-header-custom .header-desktop-nav > .navbar-nav,
body > header.site-header-custom.modern-header-blue .header-desktop-nav > .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem 1.5rem;
    margin: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}
@media (max-width: 767.98px) {
    body > header.modern-header-blue.site-header-custom .header-desktop-nav,
    body > header.site-header-custom.modern-header-blue .header-desktop-nav {
        display: none !important;
    }
    html {
        overflow-x: hidden;
        max-width: 100%;
        background-color: #fff;
        overscroll-behavior-x: none;
    }
    body {
        overflow-x: clip;
        max-width: 100%;
    }
    main.main-content {
        overflow-x: clip;
        max-width: 100%;
    }
    .modern-homepage {
        overflow-x: hidden;
        max-width: 100%;
    }
}

/*
 * style.css .hero-modern-v2 { transform + contain } mobilde sağda ince çizgi / katman hatası yapabiliyor.
 * Ana sarmalayıcıda transform kullanmayın (layout’taki JS enjeksiyonu da kaldırıldı).
 */
.hero-slider-section.hero-modern-v2,
.hero-modern-v2 {
    transform: none !important;
    -webkit-transform: none !important;
    contain: none !important;
}
.modern-homepage {
    transform: none !important;
    -webkit-transform: none !important;
}

/* Hamburger / CTA: Bootstrap border ve odak çizgisi (mavi ince çizgi) */
body > header.site-header-custom .navbar-toggler,
body > header.modern-header-blue.site-header-custom .navbar-toggler,
body > header.site-header-custom .navbar-toggler:focus,
body > header.site-header-custom .navbar-toggler:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
}
body > header.site-header-custom .header-cta-btn-custom,
body > header.modern-header-blue .header-cta-btn-custom {
    border: none !important;
    box-shadow: none !important;
}
body > header.site-header-custom .header-cta-btn-custom:focus,
body > header.site-header-custom .header-cta-btn-custom:focus-visible,
body > header.modern-header-blue .header-cta-btn-custom:focus,
body > header.modern-header-blue .header-cta-btn-custom:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}