/* Custom Menu Styling */

/* Active State for Menu Link */
.menu-item .menu-link.active {
    background-color: #009ef7 !important; /* Metronic Blue */
    color: #ffffff !important;
}

/* Active State Icons */
.menu-item .menu-link.active .menu-icon i,
.menu-item .menu-link.active .menu-icon .svg-icon,
.menu-item .menu-link.active .menu-icon .svg-icon svg [fill] {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Hover State for Menu Link (excluding active and disabled) */
.menu-item .menu-link:hover:not(.disabled):not(.active) {
    background-color: #f4f6fa !important; /* Light Hover */
    color: #009ef7 !important; /* Blue Text on Hover */
}

/* Wait, user asked for: "hover sopra altri menu me lo devi fare in blu con testo bianco" */
/* So Hover should ALSO be Blue bg, White text */

.menu-item .menu-link:hover:not(.disabled):not(.active) {
    background-color: #009ef7 !important;
    color: #ffffff !important;
}

.menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i,
.menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon,
.menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill] {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Ensure Parent Menu (Accordion) active state doesn't override if not desired? */
/* Metronic usually handles parent 'here show' differently (just open). */
/* User said: "se clicco su un menu senza figli deve essere blu" -> This is covered by .menu-link.active */