/*▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ MENU THEME ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄*/

.menu-horizontal .menu-inner .menu-item:not(.active):hover > .menu-link {
    background-color: color-mix(in srgb, var(--bs-primary) 88%, black) !important;
    color: #fff !important;
}

.menu-horizontal .menu-inner .menu-item:not(.active):hover > .menu-link .menu-icon,
.menu-horizontal .menu-inner .menu-item:not(.active):hover > .menu-link i {
    color: #fff !important;
}