/* ============================================================
   Mobile Sticky Bottom Bar — Canonical Styles (Task #25)
   Single source of truth for the .mobile-sticky-bar component.
   Linked as render-blocking <link> from every page that ships
   the .mobile-sticky-bar markup so the bar is correctly styled
   on first paint without inline duplication. Replaces the 90+
   per-page <style id="mobile-bar-force"> blocks.
   ============================================================ */
@media (max-width: 768px) {
    .mobile-sticky-bar {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: #fff !important;
        box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.15) !important;
        padding: 10px 15px env(safe-area-inset-bottom, 10px) 15px !important;
        border-top: 2px solid #b6886e !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
    body {
        padding-bottom: 85px !important;
    }
    .mobile-sticky-inner {
        display: flex !important;
        gap: 10px !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .mobile-bar-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 14px 10px !important;
        border-radius: 50px !important;
        font-weight: 700 !important;
        font-size: 0.95rem !important;
        text-decoration: none !important;
        min-height: 50px !important;
        max-height: 50px !important;
        flex: 1 1 0 !important;
        box-sizing: border-box !important;
    }
    .mobile-bar-call {
        background: #2d5e2a !important;
        color: #fff !important;
    }
    .mobile-bar-text {
        background: #b6886e !important;
        color: #fff !important;
    }
}
@media (min-width: 769px) {
    .mobile-sticky-bar {
        display: none !important;
    }
}