/* Fix for Browse Categories dropdown instability */
/* Override the display: none from theme.css to allow jQuery slideToggle to work */

.header-vertical-menu.toggle .vertical-menu-content {
    display: block !important;
    /* position: absolute; */
    /* top: 100%; */
    /* z-index: 100; */
    /* width: 100%; */
}

/* When menu is closed via JS, hide it */
.header-vertical-menu.toggle:not(.open) .vertical-menu-content {
    display: none !important;
}

/* Ensure proper stacking context */
.header-vertical-menu.toggle {
    position: relative;
    z-index: 101;
}

.header-vertical-menu.toggle .vertical-menu-content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #333333;
}

/* Smooth animation for submenus */
.vertical-menu-content li .megamenu,
.vertical-menu-content li .dropdown {
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

.vertical-menu-content li:hover .megamenu,
.vertical-menu-content li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}