/* Fix pour le scroll du sidebar - Paramètres visibles */

/* Force le scroll vertical sur le menu principal */
#sidebar-scroll,
.main-sidebar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Style de la scrollbar pour un meilleur visuel */
#sidebar-scroll::-webkit-scrollbar,
.main-sidebar::-webkit-scrollbar {
    width: 6px;
}

#sidebar-scroll::-webkit-scrollbar-track,
.main-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

#sidebar-scroll::-webkit-scrollbar-thumb,
.main-sidebar::-webkit-scrollbar-thumb {
    background: rgba(8, 145, 178, 0.5);
    border-radius: 10px;
}

#sidebar-scroll::-webkit-scrollbar-thumb:hover,
.main-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(8, 145, 178, 0.8);
}

/* Assurer que le menu principal ne dépasse pas */
.main-menu-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main-menu {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Assurer la visibilité des paramètres en bas */
.slide__category:last-of-type {
    margin-top: 10px !important;
}

/* S'assurer que tous les éléments du menu sont visibles */
.app-sidebar .main-menu li {
    min-height: 40px;
}

/* Fix pour mobile */
@media (max-width: 768px) {
    #sidebar-scroll,
    .main-sidebar {
        max-height: calc(119vh - 60px) !important;
    }
}