/* Nested menus for Bootstrap 5 / Sandbox; append after theme CSS. */
@media (min-width: 992px) {
    .navbar .dropdown-menu .dropdown-submenu { position: relative; }
    .navbar .dropdown-menu .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -5px;
        max-height: 70vh;
        overflow-y: auto;
    }
    .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
    .navbar .dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu { display: block; }
}
@media (max-width: 991.98px) {
    .navbar .dropdown-menu .dropdown-submenu > .dropdown-menu {
        position: static;
        box-shadow: none;
        margin-left: 15px;
        padding-left: 10px;
        border-left: 2px solid rgba(128, 100, 180, .25);
    }
}

/* Keep the main menu centered independently of the left logo/right actions. */
@media (min-width: 992px) {
    .center-nav > .container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
    }
    .center-nav .navbar-brand {
        width: auto !important;
        grid-column: 1;
        justify-self: start;
    }
    .center-nav .navbar-collapse {
        grid-column: 2;
        justify-self: center;
        width: auto;
    }
    .center-nav .navbar-collapse .offcanvas-body {
        margin: 0 !important;
        justify-content: center;
    }
    .center-nav .navbar-collapse .navbar-nav {
        justify-content: center;
        flex-wrap: nowrap;
    }
    .center-nav > .container > .navbar-other {
        grid-column: 3;
        justify-self: end;
        margin-left: 0 !important;
    }
}

@media (min-width: 992px) {
    .center-nav .navbar-collapse {
        justify-content: center;
    }

    .center-nav .navbar-collapse .offcanvas-body {
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: center;
    }

    .center-nav .navbar-collapse .navbar-nav {
        justify-content: center;
    }
}