/* ═══════════════════════════════════════════════════════════════════════════
   OFFERS ARE SWITCHED OFF  (John, Oct 2026: "not yet, will want them later")

   This one file hides every "Get an offer" entry point on the site. Nothing
   underneath is removed: /get-an-offer still works at its address and the
   /api/offer → email pipeline is untouched.

   TO TURN OFFERS BACK ON: delete everything below this comment block (leave
   the file in place, it's linked from every page). Then also delete
   public/_headers, which tells search engines not to index the offer page
   while it's unlinked.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Every button and text link to the offer page, and the address boxes that
   start it. Matched by destination, so a new offer link added later is hidden
   too without anyone remembering to tag it. */
a[href^="/get-an-offer"]:not(.chip),
form[data-address-form],
.hero-note { display: none !important; }

/* Footer "Get a cash offer" sits in its own list item; hide the item, not just
   the link, so no empty bullet is left behind. */
li:has(> a[href^="/get-an-offer"]) { display: none !important; }

/* Call buttons that stand in for the header and menu offer buttons, and the
   hero line that no longer mentions an address box. Hidden by site.css when
   offers are on. */
a.btn.offers-off-only { display: inline-flex; }
span.offers-off-only  { display: inline; }
span.offers-on-only   { display: none; }

/* Top banner: keep the selling point, stop it being a link. */
.banner a[href^="/get-an-offer"] { display: inline-flex !important; pointer-events: none; cursor: default; }
.banner a[href^="/get-an-offer"] i { display: none; }

/* Situation cards: same cards and copy, no longer clickable, no hover lift or
   arrow that would promise a click. */
a.chip[href^="/get-an-offer"] { pointer-events: none; cursor: default; }
a.chip[href^="/get-an-offer"]:hover { transform: none; box-shadow: 0 0 0 1px var(--line); }
a.chip[href^="/get-an-offer"]:hover i { background: var(--beige); color: var(--ink); }
a.chip[href^="/get-an-offer"] .go { display: none; }