/* JAS Cleaning /quote — chat-first ad landing page styles. Linked from
   quote/QuoteContent.tsx via <PageStyles page="/quote.css">. Shared chrome comes from
   styles.css + site.css; the CTA / trust rules below are ported from home.css's hero
   block (same class names, same wording of the bilingual-visibility fix) so the quote
   page's buttons render identically to the home hero without loading all of home.css. */

  .hero-ctas { display:flex; gap:12px; margin-top: 4px; justify-content:center; flex-wrap:wrap; }
  .hero-trust { display:flex; gap:18px; flex-wrap:wrap; font-size:13px; color: var(--ink-2); margin-top: 8px; }
  .hero-trust span { display:inline-flex; gap:6px; align-items:center; }
  /* The bare `.hero-trust span` rule re-asserts display on the inner bilingual <span lang>
     pairs and leaks BOTH languages on the English view; re-hide the inactive locale at higher
     specificity (display:none also removes it from the a11y tree). See home.css. */
  .hero-trust span[lang='en'] { display:inline-flex; }
  .hero-trust span[lang='es'] { display:none; }
  body.lang-es .hero-trust span[lang='en'] { display:none; }
  body.lang-es .hero-trust span[lang='es'] { display:inline-flex; }
  .hero-trust .ck { color: var(--leaf); font-weight:700; }

  /* Secondary "Call or Text for Help" — stacks the label over the number + hours,
     kept visually SECONDARY (btn-ghost, not the leaf primary). Ported from home.css. */
  .hero-call { flex-direction: column; height: auto; white-space: normal; line-height: 1.18; padding-top: 9px; padding-bottom: 9px; gap: 2px; }
  .hero-call .hero-call-label { display: inline-flex; align-items: center; gap: 6px; }
  .hero-call .hero-call-sub { font-family: var(--mono); font-size: 11px; letter-spacing: 0.03em; opacity: 0.82; font-weight: 400; text-transform: none; }
  /* Policy microcopy under the CTAs (honest — mirrors the booking wizard's policy line). */
  .hero-microcopy { margin-top: 12px; font-size: 12.5px; line-height: 1.5; color: var(--ink-3); }