/* 0. ANA YAPI: Geçiş efektlerini yumuşat ve taşmaları engelle */
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    transition: none !important;
    /* Hover genişlemesini sarsıntısız engellemek için */
}

/* 1. LOGO FIX: Kompakt modda sadece icon-logo görünsün */
.sidebar-wrapper.close_icon .logo-wrapper a {
    display: none !important;
}

.sidebar-wrapper.close_icon .logo-icon-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 60px !important;
    /* Navbar yüksekliği ile uyumlu */
    width: 80px !important;
    /* Kompakt mod genişliği */
    margin: 0 auto !important;
}

.sidebar-wrapper.close_icon .logo-icon-wrapper img {
    max-height: 30px !important;
    /* Daha kibar bir görünüm */
    width: auto !important;
    object-fit: contain !important;
}

/* 2. BADGE FIX: Rozetleri İkonun Sağına Taşı (Overlap Yapmasın) */

/* Sidebar KAPALIYKEN ve hover DEĞİLKEN rozeti sağ kenara yasla */
.sidebar-wrapper.close_icon:not(:hover) .sidebar-list .badge:not(.d-none) {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    /* Dikeyde merkezle */
    right: 8px !important;
    /* Sidebar'ın sağ kenarına 8px boşluk bırak */
    left: auto !important;
    margin: 0 !important;
    z-index: 100 !important;
    width: fit-content !important;
    height: fit-content !important;
}



/* Sidebar listesini ve linkini baz al */
.sidebar-wrapper.close_icon .sidebar-list,
.sidebar-wrapper.close_icon .sidebar-link {
    position: relative !important;
    overflow: visible !important;
}

/* 3. HOVER FIX: Kompakt modda hover edilince genişlemeye izin ver */
.sidebar-wrapper.close_icon:hover {
    width: 290px !important;
    z-index: 99 !important;
}

/* Hover durumunda yazıları, logoyu ve menü oklarını göster */
.sidebar-wrapper.close_icon:hover .sidebar-link span:not(.badge) {
    display: inline-block !important;
}

.sidebar-wrapper.close_icon:hover .logo-wrapper {
    display: flex !important;
}

.sidebar-wrapper.close_icon:hover .logo-wrapper a {
    display: block !important;
}

.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
    display: none !important;
}

.sidebar-wrapper.close_icon:hover .according-menu {
    display: block !important;
}

/* Tablet Geçiş Düzeltmesi */
@media (max-width: 1199px) and (min-width: 991px) {
    .sidebar-wrapper .logo-wrapper img {
        max-width: 150px;
    }
}