/* Mobile / SuperApp-WebView corrections, kept out of the vendor's style.css so a
   theme update does not silently drop them.

   The menu button was unreachable on a phone. The vendor positions it
   `position:absolute; right:15px` while the logo image is free to grow to the
   full column width, so on a 390px viewport the logo painted straight over the
   button — and with it the only route to bookings, profile and sign-out. */

@media (max-width: 991.98px) {
    .header-wrap .col-lg-2.navbar-light {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    /* Leave room for the button instead of overlapping it. */
    .header-wrap .logo {
        flex: 1 1 auto;
        min-width: 0;
        margin-top: 0;
    }

    .header-wrap .logo img {
        max-width: 100%;
        max-height: 52px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    /* Back in the flow, on the trailing edge in both LTR and RTL. */
    .navbar-light .navbar-toggler {
        position: static;
        flex: 0 0 auto;
        top: auto;
        right: auto;
        left: auto;
        margin: 0;
        padding: 8px 12px;
    }
}