/* ==========================================================================
   BS5 Mobile Fixes — GRACIE'S FILE (≤575px portrait)
   ==========================================================================
   Lane: gracie-mobile. Keep ALL mobile rules here, never in header.php.
   Scoped rules only. Backup before editing; claim via website-lock.sh.

   FIX 1 (Aug 5, 2026): .mobile-getaprice — "Get A Price" heading + gold
   "Get a Free Quote" button were leaning LEFT on BS5 mobile. Base style.css
   sets text-align:center on the parent but it isn't being honored, so we
   force centering on every child. Button keeps its overlay (margin-bottom).
   ========================================================================== */

@media (max-width: 575.98px) {

    .mobile-getaprice,
    .mobile-getaprice .container,
    .mobile-getaprice > div {
        text-align: center !important;
    }

    .mobile-getaprice h5 {
        text-align: center !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-getaprice .btn,
    .mobile-getaprice a.btn,
    .mobile-getaprice .btn.btn-primary {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: -10px;
        width: 40% !important;
        float: none !important;
    }

    /* Neutralize any inherited floats that push things left */
    .mobile-getaprice * {
        float: none !important;
    }

}