/* NOTE: Top-level menu — inline-flex + relative, same as .mud-menu */
.mw-menu {
    display: inline-flex;
    position: relative;
}

/* NOTE: Nested submenu — full width inside parent mud-menu-list, relative for flyout anchor */
.mw-menu-submenu {
    position: relative;
    width: 100%;
}

/* NOTE: Flyout opens to the right, above parent popover content.
   white-space:nowrap prevents menu item text from wrapping to multiple lines. */
.mw-menu-flyout {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}

/* NOTE: Override MudBlazor's .mud-popover:has(> .mud-menu-list) { overflow: hidden }
   which clips submenu flyouts that extend beyond the popover bounds. */
.mw-menu-popover {
    overflow: visible !important;
}