/* Mobile shell overrides loaded after the main shell stylesheet. */
@media (max-width: 991.98px) {
    /* HostBill leaves a small stock spacer between the 60px primary row and
       the utility row. Pull the utility row up by that spacer, but constrain
       the row itself to the intended compact height so its dark background
       cannot expand vertically. */
    body.template_2019 .navbar-body {
        top: 0 !important;
        margin-top: -10px !important;
        transform: none !important;
        min-height: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
        flex: 0 0 48px !important;
        padding: 0 !important;
        background: var(--wc-header) !important;
        overflow: visible !important;
    }

    body.template_2019 .navbar-body .navbar-search,
    body.template_2019 .navbar-body .navbar-menu,
    body.template_2019 .navbar-body ul.navbar-menu,
    body.template_2019 .navbar-body .navbar-menu .nav-item,
    body.template_2019 .navbar .navbar-body .navbar-menu .nav-link {
        min-height: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
    }

    body.template_2019 .navbar.fixed-top,
    body.template_2019 .navbar-left,
    body.template_2019 .navbar-body {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
}