/* Sidebar Menu Hover Functionality */
/* Show submenu on hover for items with has-sub class */

.app-sidebar .slide.has-sub:hover > .slide-menu {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

.app-sidebar .slide.has-sub:hover > .side-menu__item .side-menu__angle {
    transform: rotate(90deg);
}

/* Smooth transitions for better UX */
.app-sidebar .slide-menu {
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.app-sidebar .side-menu__angle {
    transition: transform 0.2s ease;
}

/* Ensure submenu stays open when hovering over it */
.app-sidebar .slide-menu:hover {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

/* Keep parent highlighted when hovering submenu */
.app-sidebar .slide.has-sub:hover > .side-menu__item,
.app-sidebar .slide.has-sub .slide-menu:hover ~ .side-menu__item {
    background-color: rgba(255, 255, 255, 0.05);
}