/* menu-scrollbar.css - Scrollbar unifiée pour la sidebar (auth.html et index.html) */

/* ================================================
   CONFIGURATION SCROLLBAR SIDEBAR
   ================================================ */

/* Force le scroll vertical sur la sidebar */
.sidebar {
    overflow-y: auto !important; /* Force le scroll vertical */
    max-height: 100vh !important; /* Limite la hauteur à celle de la fenêtre */
}

/* Style personnalisé de la scrollbar - Invisible par défaut */
.sidebar::-webkit-scrollbar {
    width: 8px;
}

.sidebar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.sidebar::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    transition: background 0.3s ease;
}

/* La scrollbar apparaît uniquement au survol de la sidebar */
.sidebar:hover::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Firefox scrollbar */
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.sidebar:hover {
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

/* ================================================
   RESPONSIVE - MOBILE
   ================================================ */

@media (max-width: 768px) {
    .sidebar::-webkit-scrollbar {
        width: 6px; /* Scrollbar plus fine sur mobile */
    }
}

/* ================================================
   PROTECTION DES ÉLÉMENTS INTERNES
   ================================================ */

/* Assurer que les menu-sections restent visibles */
.sidebar .menu-section {
    position: relative;
    overflow: visible !important;
}

/* Assurer que les tooltips restent visibles même avec scroll */
.sidebar .menu-item {
    position: relative;
    z-index: 1;
}

.sidebar .menu-item:hover {
    z-index: 9999; /* Priorité maximale au survol */
}

/* Éviter que la scrollbar cache les tooltips */
.sidebar .menu-tooltip {
    margin-left: 20px; /* Plus d'espace pour éviter la scrollbar */
}

/* ================================================
   COMPATIBILITÉ
   ================================================ */

/* Assurer que le scroll fonctionne même si d'autres CSS tentent de le bloquer */
.sidebar {
    overflow-x: hidden !important; /* Pas de scroll horizontal */
}

/* Pour les navigateurs qui supportent overscroll-behavior */
.sidebar {
    overscroll-behavior: contain; /* Empêche le scroll de se propager au parent */
}