/* CSS personalizzato per sidebar auto-collapse */

/* Forza la sidebar sempre chiusa all'avvio */
.wrapper .fixed-sidebar-left {
    /* Mantieni la sidebar sottile di default */
    width: 60px !important;
    transition: width 0.3s ease;
}

.wrapper .fixed-sidebar-left:hover {
    /* Espandi solo al hover */
    width: 240px !important;
    z-index: 1050;
}

/* Nascondi i testi quando collassata */
.wrapper .fixed-sidebar-left .right-nav-text {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wrapper .fixed-sidebar-left:hover .right-nav-text {
    opacity: 1;
}

/* Nascondi le frecce dei dropdown quando collassata */
.wrapper .fixed-sidebar-left .pull-right {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wrapper .fixed-sidebar-left:hover .pull-right {
    opacity: 1;
}

/* Aggiusta il contenuto principale */
.wrapper .page-wrapper {
    margin-left: 60px !important;
    transition: margin-left 0.3s ease;
}

/* Sovrascrivi le regole esistenti per slide-nav-toggle */
.wrapper.slide-nav-toggle .page-wrapper {
    margin-left: 60px !important;
}

.wrapper.slide-nav-toggle .fixed-sidebar-left {
    width: 60px !important;
}

.wrapper.slide-nav-toggle .fixed-sidebar-left:hover {
    width: 240px !important;
}

/* Stile per le icone sempre visibili */
.wrapper .fixed-sidebar-left .side-nav li a .pull-left > i {
    width: 20px;
    text-align: center;
}

/* Evita che i sottomenu escano quando collassata */
.wrapper .fixed-sidebar-left .side-nav .collapse {
    display: none !important;
}

.wrapper .fixed-sidebar-left:hover .side-nav .collapse.in {
    display: block !important;
}