/* The enquiry bar along the bottom of a phone screen (js/mobile-bar.js). Phones only. */
.mbar { display: none; }
@media (max-width: 767px) {
    .mbar {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
        display: flex; gap: 8px;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        background: #fff; border-top: 1px solid var(--gray-200, #E5E5E5);
        box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.06);
        transition: transform 0.25s ease;
    }
    .mbar--away { transform: translateY(110%); }
    .mbar a {
        flex: 1; display: flex; align-items: center; justify-content: center; min-height: 48px;
        border-radius: 10px; font: 600 15px/1.2 var(--font-body, Inter, Arial, sans-serif); text-decoration: none;
    }
    .mbar-msg { border: 1.5px solid var(--olive, #556B2F); color: var(--olive, #556B2F); background: #fff; }
    .mbar-price { background: var(--olive, #556B2F); color: #fff; }
    body.has-mbar { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
    /* the chat bubble and back-to-top sit above the bar while it shows */
    body.mbar-shown .chat-toggle { bottom: calc(84px + env(safe-area-inset-bottom)); }
    body.mbar-shown .back-to-top { bottom: calc(156px + env(safe-area-inset-bottom)); }
}