/* ============================================================
   KSS CUSTOM CSS
   ============================================================ */

/* Container genişlik */
.container.container-xl-custom {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* NEDEN BU PROJE üst boşluk */
.kss-neden-row {
    margin-top: 80px !important;
    padding-top: 20px !important;
}

/* Logo yüksekliği — desktop */
#header .header-logo img {
    height: 54px !important;
    width: auto !important;
    max-height: none !important;
}

/* Section boşlukları — biraz azalt */
.section.bg-color-dark,
.section.bg-color-grey-scale-1,
.section.bg-primary {
    /* py-5 my-5 yerine daha sıkı */
}
.container.container-xl-custom.py-5.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/* Footer üstündeki beyaz boşluk */
#footer {
    margin-top: 0 !important;
}
.main > section:last-of-type,
.main > div:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer üstündeki beyaz boşluk — .main div margin kaldır */
.body > .main {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.main > div[role="main"],
div[role="main"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Section boşlukları azalt */
.section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-5.my-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
div[role="main"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.container.container-xl-custom.py-5.my-5,
.container-xl-custom.py-5.my-5 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}


/* HTML arka planı — iOS overscroll ve dark mode siyah flash önle */
html {
    background-color: #131720;
}
@media (min-width: 992px) {
    html {
        background-color: #fff;
    }
}

/* ── MOBİL HEADER: TÜM SAYFALARDA TUTARLI ── */
@media (max-width: 991px) {
    /* Mobilde header sabit kalsın — scroll veya browser restore'dan etkilenmesin */
    html #header.header-transparent {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1030 !important;
    }

    /* Header body appear-animation'ı mobilde anında görünsün */
    #header .header-body {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* Logo mobilde küçük */
    #header .header-logo img {
        height: 44px !important;
    }

    /* Hamburger menü mobilde her zaman görünür */
    #header .header-btn-collapse-nav {
        display: block !important;
    }

    /* Logo anchor min-height sıfırla — header gereksiz uzamasın */
    #header .header-logo a {
        min-height: 0 !important;
    }

    /* Hero section arka plan — resim yüklenene kadar koyu görünsün */
    .section.section-height-5 {
        background-color: #131720 !important;
    }

    /* Hero içeriğini üste çek — ortalama yerine header altından başlasın */
    .section-height-5 > div {
        align-items: flex-start !important;
        padding-top: 80px !important;
    }

    /* DİĞER SAYFALAR: page header — compact banner, içerik ortada */
    .kss-page-hdr {
        align-items: center !important;
        justify-content: center !important;
        padding-top: 80px !important;
        padding-bottom: 40px !important;
        min-height: 320px !important;
    }
    .kss-page-hdr-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    /* Tüm sayfalarda container kenar boşluğu */
    .header-container.container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}