/* Pastikan sidebar tetap terlihat di mobile saat tidak toggled */
@media (max-width: 767.98px) {
    .sidebar {
        width: 14rem !important; /* Lebar sidebar penuh di mobile */
        position: fixed; /* Tetap di posisi saat scroll */
        top: 0;
        left: 0;
        height: 100vh; /* Penuh tinggi layar */
        z-index: 1000; /* Pastikan di atas konten lain */
        transform: translateX(0) !important; /* Tidak disembunyikan */
        overflow-y: auto; /* Izinkan scroll dalam sidebar */
    }

    .sidebar.toggled {
        width: 0 !important; /* Hanya tertutup saat toggled */
        transform: translateX(-14rem) !important; /* Geser keluar layar saat toggled */
    }

    /* Pastikan konten utama tidak terganggu */
    #content-wrapper {
        margin-left: 0 !important; /* Reset margin saat sidebar terbuka */
        transition: margin-left 0.3s ease-in-out;
    }

    body.sidebar-toggled #content-wrapper {
        margin-left: 0 !important; /* Konten penuh saat sidebar tertutup */
    }
}

/* Nonaktifkan animasi transform yang mengganggu saat scroll di mobile */
@media (max-width: 767.98px) {
    .sidebar.toggled .nav-item .collapse {
        display: none !important; /* Sembunyikan collapse saat toggled */
    }

    .sidebar .nav-item .collapse {
        position: static; /* Tidak absolut, agar ikut scroll */
        margin: 0 1rem;
        animation: none; /* Hilangkan animasi growIn */
    }

    .sidebar .nav-item .collapsing {
        display: block;
        transition: height 0.15s ease;
    }
}

/* Perbaiki tombol toggle agar konsisten */
#sidebarToggle {
    display: block !important; /* Pastikan tombol selalu terlihat */
}

/* Tambahan untuk memastikan sidebar scrollable */
.sidebar {
    overflow-y: auto; /* Izinkan scroll vertikal */
    -webkit-overflow-scrolling: touch; /* Smooth scroll di mobile */
}

/* Pastikan sidebar tidak hilang saat scroll */
@media (max-width: 767.98px) {
    .sidebar {
        transition: transform 0.3s ease-in-out; /* Animasi hanya untuk toggle */
    }
}