@media (min-width: 1024px) {
    /* Targetăm meniul vertical din sidebar la hover */
    .navigation.breeze-menu .nav-item.parent:hover > .submenu,
    .navigation.breeze-menu .nav-item.parent:hover > ul,
    .sidebar-main .navigation .nav-item.parent:hover > .submenu,
    .navigation.vertical .nav-item.parent:hover > .submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: absolute !important;
        left: 100% !important; /* Îl împinge în dreapta meniului vertical */
        top: 0 !important;
        min-width: 250px !important;
        z-index: 999 !important;
    }
    
    /* Ne asigurăm că elementul părinte rămâne "activ" vizual */
    .navigation.breeze-menu .nav-item.parent:hover > a {
        background-color: #f8f8f8 !important;
    }
}