/* Navigation Menu Styles */

/* Hide all submenus by default */
.submenu-wrapper {
    display: none;
    overflow: visible !important;
}

/* Show submenu when hovering over parent li.group */
li.group:hover > .submenu-wrapper {
    display: block !important;
}

/* Keep submenu visible when hovering over the submenu itself */
.submenu-wrapper:hover {
    display: block !important;
}

/* Show nested submenus when hovering over their parent li.group inside a submenu */
.submenu-wrapper li.group:hover > .submenu-wrapper {
    display: block !important;
}

/* Keep nested submenu visible when hovering directly on it */
.submenu-wrapper .submenu-wrapper:hover {
    display: block !important;
}

/* Make sure positioning doesn't hide them */
li.group {
    overflow: visible !important;
}

/* Submenu containers need overflow visible */
.submenu-wrapper > div {
    overflow: visible !important;
}

/* Nested submenu positioning - default for any depth */
.submenu-wrapper li.group > .submenu-wrapper {
    position: absolute;
    top: 0;
}

/* LTR: nested submenus appear to the right */
html[dir="ltr"] .submenu-wrapper li.group > .submenu-wrapper {
    left: 100%;
    padding-left: 0.5rem;
}

/* RTL: nested submenus appear to the left */
html[dir="rtl"] .submenu-wrapper li.group > .submenu-wrapper {
    right: 100%;
    padding-right: 0.5rem;
}