/* Stile base dei link nel menu */
#sidebar-wrapper .list-group-item {
    background-color: transparent !important; /* Mantiene lo sfondo nero della sidebar */
    color: rgba(255, 255, 255, 0.8) !important; /* Bianco leggermente opaco per un look sobrio */
    border: none !important;
    font-size: 1rem; /* Dimensione di partenza */
    transition: all 0.3s ease; /* Transizione fluida per tutte le proprietà */
    padding: 15px 25px;
}

/* Effetto al passaggio del mouse (Hover) */
#sidebar-wrapper .list-group-item:hover {
    background-color: #2c3034 !important; /* Grigio antracite leggermente più chiaro del nero fondo */
    color: #ffffff !important; /* Testo bianco puro */
    font-size: 1.08rem !important; /* Aumento leggero del carattere (circa l'8%) */
    padding-left: 30px !important; /* Un piccolo scivolamento completa l'effetto dinamico */
}

/* Rimuove l'alone blu/azzurro di Bootstrap al click */
#sidebar-wrapper .list-group-item:focus {
    box-shadow: none !important;
    background-color: #2c3034 !important;
}

/* Stile per le icone (se presenti) */
#sidebar-wrapper .list-group-item i {
    transition: transform 0.3s ease;
    display: inline-block;
    width: 20px;
}

#sidebar-wrapper .list-group-item:hover i {
    transform: scale(1.1); /* Ingrandisce anche l'icona in proporzione */
}
/* Rende la scrollbar più elegante nei browser moderni */
.card-body::-webkit-scrollbar {
    width: 6px;
}
.card-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.card-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
.card-body::-webkit-scrollbar-thumb:hover {
    background: #999;
}