/* 
 * Sidebar Submenu Fixes
 * This file must be loaded LAST to override other CSS rules
 */

/* Fix for sidebar expandable menu animation smoothness */
.enigma .side-nav > ul > li > ul {
    overflow: hidden;
    /* Move background from :before to the ul itself to avoid edge artifacts */
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 0.75rem;
}

/* Hide the :before pseudo-element on submenu that causes black line during collapse */
.enigma .side-nav > ul > li > ul:before {
    display: none !important;
}

/* Hide border-bottom on active menu :before that can cause black line */
.enigma .side-nav > ul > li > .side-menu.side-menu--active:before {
    border-bottom: none !important;
}

/* Hide border-bottom on hover state :before */
.enigma .side-nav > ul > li > .side-menu:hover:before {
    border-bottom: none !important;
}

/* Also fix for nested submenus */
.enigma .side-nav > ul > li > ul > li > ul {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 0.75rem;
}

.enigma .side-nav > ul > li > ul > li > ul:before {
    display: none !important;
}