/* Stili per le voci di menu */
.header-menu-list-item {
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
}

.header-menu-list-item:hover {
    color: #ffffff;
}

/* Stile per l'item di menu attivo */
.active-menu-item {
    color: #ffffff;
}

/* Aggiungiamo un indicatore sotto la voce di menu attiva */
.active-menu-item::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: transform 0.3s ease;
}

/* Animazione all'hover */
.header-menu-list-item:not(.active-menu-item)::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.header-menu-list-item:hover::after {
    transform: scaleX(1);
}