/* Mobile navbar dropdowns must occupy their own space inside the collapsed menu. */
@media (max-width: 1199.98px) {
    .navbar #navbarNav .nav-item.dropdown {
        position: static;
    }

    .navbar #navbarNav .nav-item.dropdown > .dropdown-menu {
        position: static !important;
        inset: auto !important;
        float: none;
        display: none;
        transform: none !important;
        width: calc(100% - 1rem);
        margin: .25rem .5rem .5rem;
        padding: .35rem;
        overflow: hidden;
        background: #fff;
        border: 1px solid rgb(0 0 0 / .1);
        border-radius: .5rem;
        box-shadow: 0 .35rem .75rem rgb(0 0 0 / .12);
    }

    .navbar #navbarNav .nav-item.dropdown > .dropdown-menu.show {
        display: block;
    }

    .navbar #navbarNav .dropdown-menu .dropdown-item,
    .navbar #navbarNav .dropdown-menu .dropdown-item.active {
        display: block;
        width: 100%;
        min-height: 42px;
        padding: .65rem .85rem;
        color: #212529 !important;
        line-height: 1.4;
        white-space: normal;
        background: transparent;
        border-radius: .35rem;
    }

    .navbar #navbarNav .dropdown-menu .dropdown-item:hover,
    .navbar #navbarNav .dropdown-menu .dropdown-item:focus,
    .navbar #navbarNav .dropdown-menu .dropdown-item.active {
        color: #01336c !important;
        background: #eaf1f8;
    }

    .navbar #navbarNav .dropdown-menu .dropdown-item.active {
        padding-left: 1.75rem;
    }

    .navbar #navbarNav .dropdown-menu .dropdown-item.active::before {
        left: .75rem;
        color: #01336c;
    }
}