/* =========================================================================
   MOBILE STICKY BAR — three contact paths.

   The base bar in design/components.css is `display: grid` with
   `grid-template-columns: 1fr 1.3fr` — two columns. Adding a third child made
   it wrap to a second row with dead grey space. This re-declares the track
   list for three.

   Texting 470-826-3581 is A2P-registered and lands in the LeadQuik CRM as a
   two-way conversation, so it is a genuine channel — and only 2 of 10
   competitors in this market offer a third contact path at all.
   ========================================================================= */
.mobile-cta-bar {
  grid-template-columns: 1fr 1fr 1.25fr;
}

.mobile-cta-bar__text {
  background: var(--navy);
  color: var(--white);
  font-weight: var(--weight-semibold);
}
.mobile-cta-bar__text svg { width: 20px; height: 20px; flex: none; }
.mobile-cta-bar__text:hover,
.mobile-cta-bar__text:focus-visible { text-decoration: underline; }

/* At the narrowest widths the three labels get tight — drop the word "Free"
   rather than let anything wrap or overflow. */
@media (max-width: 360px) {
  .mobile-cta-bar__estimate .cta-word-free { display: none; }
}