/* Mobile menu: preserve the existing desktop breakpoints and appearance. */
@media (max-width: 900px) {
    body.roadlife-home .rl-topline {
        position: relative;
        top: auto;
        flex-wrap: wrap;
        gap: 12px;
        background: var(--rl-paper);
    }
    body.admin-bar.roadlife-home .rl-topline { top: auto; }
    body.roadlife-home .rl-menu,
    body.admin-bar.roadlife-home .rl-menu {
        position: static;
        flex-basis: 100%;
        min-width: 0;
        box-sizing: border-box;
        box-shadow: none;
    }
    body.roadlife-home .rl-topline.is-menu-open .rl-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 8px;
    }
    body.roadlife-home .rl-menu-group { min-width: 0; }
    body.roadlife-home .rl-menu .rldmh-menu-label {
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: anywhere;
    }
    body.roadlife-home .rl-submenu { margin: 6px 0 0; }
}
@media (max-width: 767px) {
    #site-navigation.toggled-on #top-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 12px;
    }
    #site-navigation #top-menu > li { min-width: 0; border: 0; }
    #site-navigation #top-menu > .roadlife-home-menu-item { grid-column: 1 / -1; }
    #site-navigation #top-menu > li > a .rldmh-menu-label {
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: anywhere;
    }
    #site-navigation #top-menu > .menu-item-has-children > a { padding-right: 44px !important; }
    #site-navigation #top-menu .dropdown-toggle { top: 0; right: 0; width: 44px; height: 44px; padding: 0; }
    #site-navigation #top-menu .sub-menu { margin-left: 0; }
}