/* ========================================
   SIDEBAR HOVER UNIQUEMENT - CORRECTIONS SPÉCIFIQUES
   ======================================== */

/* 1. CORRECTION HAUTEUR LOGO - Aligner avec navbar (4rem) */
.main-sidebar .brand-link.logo_sidebar {
    height: 4rem !important;
    min-height: 4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem !important;
    z-index: 1031 !important; /* Au-dessus de la navbar */
    position: relative !important;
    background-color: #ffffff !important;
}

/* CORRECTION LOGO TOUJOURS VISIBLE - Même en mode collapse */
.sidebar-collapse .main-sidebar .brand-link.logo_sidebar {
    display: flex !important; /* Forcer l'affichage */
    visibility: visible !important;
    opacity: 1 !important;
    width: 4.6rem !important; /* Largeur de la sidebar collapse */
    height: 4rem !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0.5rem !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

/* Image du logo - Toujours visible */
.main-sidebar .brand-link.logo_sidebar .logo-img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
    display: block !important;
}

.sidebar-collapse .main-sidebar .brand-link.logo_sidebar .logo-img {
    width: 35px !important;
    height: 35px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. CORRECTION USER PANEL - Réduire la hauteur et taille du texte */
.main-sidebar .user-panel {
    padding: 0.75rem 1rem !important;
    margin: 0.5rem 0 !important;
}

.main-sidebar .user-panel .info a {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

.main-sidebar .user-panel .image i {
    font-size: 1.25rem !important;
}

/* 1. CORRECTION ICÔNE USER CENTRÉE en mode collapse */
.sidebar-collapse .main-sidebar .user-panel {
    justify-content: center !important;
    padding: 0.75rem 0.5rem !important;
}

.sidebar-collapse .main-sidebar .user-panel .image {
    margin: 0 !important;
}

.sidebar-collapse .main-sidebar .user-panel .info {
    display: none !important;
}

/* 3. DÉCONNEXION DANS LA LISTE DES MODULES - Supprimer la séparation */
.main-sidebar .nav-sidebar .nav-item .nav-link.text-danger {
    margin-top: 0 !important;
    border-top: none !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

/* 3. LARGEUR SIDEBAR ORIGINALE - Remise à 250px */
.main-sidebar {
    width: 250px !important; /* Largeur originale */
}

.sidebar-collapse .main-sidebar.sidebar-hover-expanded {
    width: 250px !important; /* Même largeur au hover */
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
    z-index: 1025 !important;
    transition: all 0.3s ease-in-out !important;
}

/* Ajuster la navbar en conséquence */
body:not(.sidebar-collapse) .main-header.navbar {
    margin-left: 250px !important; /* Largeur originale */
}

body:not(.sidebar-collapse) .main-footer {
    margin-left: 250px !important; /* Largeur originale */
}

/* 4. CORRECTION TEXTE AU HOVER - Garder alignement à gauche avec icônes */
.sidebar-collapse .main-sidebar.sidebar-hover-expanded .nav-sidebar .nav-item .nav-link {
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 0.75rem 1rem !important;
}

.sidebar-collapse .main-sidebar.sidebar-hover-expanded .nav-sidebar .nav-item .nav-link i {
    margin-right: 0.75rem !important;
    width: 1.5rem !important;
    text-align: center !important;
}

.sidebar-collapse .main-sidebar.sidebar-hover-expanded .nav-sidebar .nav-item .nav-link p {
    display: block !important;
    margin: 0 !important;
    text-align: left !important;
    animation: fadeInText 0.3s ease-in-out !important;
}

/* Afficher l'info utilisateur au hover */
.sidebar-collapse .main-sidebar.sidebar-hover-expanded .user-panel {
    justify-content: flex-start !important;
    padding: 0.75rem 1rem !important;
}

.sidebar-collapse .main-sidebar.sidebar-hover-expanded .user-panel .image {
    margin-right: 0.75rem !important;
}

.sidebar-collapse .main-sidebar.sidebar-hover-expanded .user-panel .info {
    display: block !important;
    animation: fadeInText 0.3s ease-in-out !important;
}

/* 2. CORRECTION LOGO VISIBLE AU HOVER - Z-index plus élevé */
.sidebar-collapse .main-sidebar.sidebar-hover-expanded .brand-link.logo_sidebar {
    z-index: 1032 !important; /* Au-dessus de tout */
    position: relative !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
    display: flex !important; /* Forcer l'affichage */
    visibility: visible !important;
    opacity: 1 !important;
    width: 250px !important; /* Largeur complète au hover */
    justify-content: center !important;
}

.sidebar-collapse .main-sidebar.sidebar-hover-expanded .brand-link.logo_sidebar .logo-img {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Animation simple */
@keyframes fadeInText {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Désactiver sur mobile */
@media (max-width: 767.98px) {
    .main-sidebar {
        width: 250px !important; /* Largeur normale sur mobile */
    }
    
    .sidebar-collapse .main-sidebar.sidebar-hover-expanded {
        width: 4.6rem !important;
        box-shadow: none !important;
    }
    
    .sidebar-collapse .main-sidebar.sidebar-hover-expanded .nav-sidebar .nav-item .nav-link p {
        display: none !important;
    }
    
    .sidebar-collapse .main-sidebar.sidebar-hover-expanded .user-panel .info {
        display: none !important;
    }
}