/* ================================
   1) HEADER – SIDEBAR ÜSTÜNE BİNMESİN
   ================================ */

/* Sadece desktop için header'ı sidebar genişliği kadar sağa kaydır */
@media (min-width: 992px) {
    #kt_app_header_wrapper {
        margin-left: 165px; /* Daha önce gözle ayarladığın değeri kullanıyoruz */
    }
}

/* İçerik (dashboard kartları) Metronic’in default hizasında kalsın */


/* ================================
   2) SIDEBAR – TAŞAN OKLARI YOK ET
   ================================ */

/* Minimize modda alt menüleri ve okları gizle
   (beyaz alanda görünen aşağı oklar kaybolsun) */
body.app-sidebar-minimize .app-sidebar .menu-sub,
body.app-sidebar-minimize .app-sidebar .menu-arrow {
    display: none !important;
}

/* Sidebar içinde scroll normal çalışsın */
.app-sidebar-menu {
    overflow-y: auto;
}

/* Sidebar dışına hiçbir şey taşmasın */
.app-sidebar {
    overflow: hidden;
}

/* ================================
   3) HOVER İLE GENİŞLEMEYİ KISITLA
   ================================ */

/* Minimize modda hover ile genişleyip taşma yapmasın */
body.app-sidebar-minimize .app-sidebar {
    width: var(--kt-app-sidebar-width-minimize) !important;
    transition: width 0.2s ease;
}

    body.app-sidebar-minimize .app-sidebar:hover {
        width: var(--kt-app-sidebar-width-minimize) !important;
    }


/* ================================
   4) ALTTAKİ SAÇMA KUTUYU GİZLE
   ================================ */

/* Sidebar toggle butonu ve footer'ı desktop'ta gizle */
@media (min-width: 992px) {
    #kt_app_sidebar_toggle,
    .app-sidebar-footer {
        display: none !important;
    }
}