/* ============================================================
   Ticket #0105 — Brentwood Organizers
   Sticky mobile CTA bar + footer phone / Google review proof.
   Loaded by every page via <link> (see injection script in
   tickets/doing/0105-*/artifacts/inject_phone_reviews.py).
   All color values carry fallbacks because page-local :root
   variables are not guaranteed on every template.
   ============================================================ */

/* ── Footer contact line: phone + Google review proof ── */
.bw-footer-contact {
    width: 100%;
    margin: 1rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(184, 150, 90, 0.25);
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.7;
    color: var(--warm-gray, #6b6259);
}
.bw-footer-phone {
    /* Gold (site accent): legible on both the dark footer (#1a1612, most
       pages) and the light cream footer (about.html). */
    color: var(--gold, #b8965a);
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;
}
.bw-footer-phone:hover { color: var(--gold-light, #d4ad73); }
.bw-footer-dot { margin: 0 0.6rem; }
/* Below 560px the phone and badge stack onto two centered lines (the
   single line needs ~445px); the separator dot would be stranded mid-wrap. */
@media (max-width: 560px) {
    .bw-footer-dot { display: none; }
}
.bw-footer-reviews {
    color: var(--gold, #b8965a);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.bw-footer-reviews:hover { color: var(--gold-light, #d4ad73); }

/* ── Review badge in the homepage trust bar ── */
.trust-item.bw-trust-reviews {
    color: var(--gold, #b8965a);
    font-weight: 600;
    text-decoration: none;
}
.trust-item.bw-trust-reviews:hover { color: var(--gold-light, #d4ad73); }

/* ── Sticky mobile CTA bar (mobile only) ── */
.bw-sticky-cta { display: none; }

@media (max-width: 768px) {
    body { padding-bottom: 78px; }

    .bw-sticky-cta {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        display: flex;
        gap: 10px;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
        background: rgba(250, 248, 244, 0.97);
        box-shadow: 0 -4px 16px rgba(42, 37, 32, 0.12);
    }
    .bw-cta-btn {
        flex: 1 1 0;
        min-width: 0;
        display: block;
        text-align: center;
        padding: 12px 8px;
        border-radius: 999px;
        font-size: 0.9rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bw-cta-btn-primary {
        background: var(--gold, #b8965a);
        color: #fff;
    }
    .bw-cta-btn-primary:active { background: var(--gold-light, #d4ad73); }
    .bw-cta-btn-secondary {
        background: transparent;
        color: var(--charcoal, #2a2520);
        border: 1.5px solid var(--charcoal, #2a2520);
    }
    .bw-cta-btn-full { flex: 1 1 100%; }
}