/* C.A.P.S. Road Materials — additive styles for the self-hosted (Cloudflare) build.
   Kept separate from the Webflow stylesheets so the original design is untouched.
   Only NEW elements (ALTCHA widget, honeypot, service-area search) and verified
   off-platform fixes live here. */

/* ---- ALTCHA spam-protection widget (new element on the quote form) ---- */
altcha-widget.altcha,
.altcha {
  --altcha-max-width: 100%;
  --altcha-border-radius: 10px;
  --altcha-border-width: 1px;
  --altcha-color-base: #ffffff;
  --altcha-color-text: #1a1825;
  --altcha-color-border: #d9d9d9;
  --altcha-color-border-focus: #f94d03;
  display: block;
  margin: 0 0 16px;
  width: 100%;
  box-sizing: border-box;
}

/* Honeypot field — kept out of view and out of the tab order. */
input[name="_honey"] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ---- Service-area instant search (home section + /service-areas page) ---- */
.area-search {
  max-width: 520px;
  margin: 0 auto 2rem;
}
.area-search__input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.85rem 1.1rem;
  font-size: 16px; /* >=16px so iOS Safari doesn't auto-zoom on focus */
  line-height: 1.4;
  color: #1a1825;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.area-search__input::placeholder { color: #6b6b6b; }
/* border-color change on focus (no box-shadow spread → no mobile horizontal scroll) */
.area-search__input:focus { border-color: #f94d03; }
.area-search__empty {
  text-align: center;
  margin-top: 1rem;
  color: inherit;
  opacity: 0.9;
}
.area-search__empty a { color: #f94d03; text-decoration: underline; }
.area-search__sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}