/* Stile di base per tutti i link inattivi */
mat-list.mat-mdc-list-base {
    display: flex !important;
    flex-direction: row !important;
    justify-content: start !important;
}

mat-list:not(.inail-mat-menu-orizzontale).mat-mdc-list-base {
    padding: 0 15px 8px 40px !important;
    margin: 0 0 20px !important;
}

mat-list.inail-mat-menu-orizzontale-child.mat-mdc-list-base {
    margin: 0 !important;
}

mat-list-item.mdc-list-item.mdc-list-item--with-one-line {
    height: auto !important;
    width: auto !important;
}

mat-list-item.mdc-list-item {
    padding-left: 0 !important;
    padding-right: 15px !important;
}

mat-list.mat-mdc-list-base mat-list-item a {
    color: #002e5f !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.95em !important;
    text-decoration: underline !important;
    font-weight: normal;
}

/* Classe attiva, applicata solo all'elemento attivo */
mat-list.mat-mdc-list-base mat-list-item.inail-mat-list-class-attiva a {
    font-weight: bold !important;
    text-decoration: none !important;
}

/* Stile aggiuntivo per i mat-list-item */
mat-list-item.inail-mat-list-item {
    background: url(../images/icona_freccia-blu.png) no-repeat !important;
    background-position: 0px center !important;
    list-style: none !important;
    display: inline-block !important;
    padding: 5px 10px !important;
    color: #333 !important;
    vertical-align: top !important;
}

mat-list-item.inail-mat-list-item:first-child {
    background: none !important;
    background-position: initial !important;
}

/* Hover effect per i list item */
.mdc-list-item:hover::before {
    background-color: inherit !important;
    opacity: inherit !important;
}