/* ------------------------------------------------------------------
   Texas Asphalt Services — migration overrides.
   Additive only: keeps the original Webflow design intact and fixes the
   handful of things that break once the site is self-hosted, plus styles
   the new search box and the ALTCHA widget. Brand color: #ff5e00.
   ------------------------------------------------------------------ */

/* Keep the sticky navbar above the hero image, background video and overlays. */
.navbar { z-index: 1000; }

/* Don't flash the Webflow "Background Image" placeholder behind gallery/service
   thumbnails while the real photo decodes — show the photo (or nothing) only. */
.our-services-imag { background-image: none !important; }

/* Gallery page: the BEFORE & AFTER slider is the last element in its section,
   so trim the trailing padding/margin to avoid a large empty gap before the form. */
.gallery-grid-section { padding-bottom: 50px; }
.gallery-grid-section .gallery__images-wrap.margin-bottom { margin-bottom: 0; }

/* ALTCHA widget — give it room in the form and match the site spacing. */
altcha-widget.altcha-tas {
  display: block;
  margin: 0 0 16px;
  --altcha-max-width: 100%;
  --altcha-border-radius: 10px;
}

/* ---- Service-card / service-area hover affordance (Webflow IX did this on
   the live site; make it deterministic off-platform). ---- */
a.service-name { transition: color .2s ease; }
a.service-name:hover { color: var(--primary, #ff5e00); }
.service-area-link { transition: color .2s ease; }
.service-area-link:hover { color: var(--primary, #ff5e00); }
.link-with-line { transition: color .2s ease; }

/* ---- Service-areas search box (replaces the on-platform Finsweet filter) ---- */
.area-search { max-width: 560px; margin: 0 auto 2.5rem; }
.area-search__input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.9rem 1.2rem;
  font-size: 16px; /* >=16px so iOS Safari does not zoom on focus */
  line-height: 1.4;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: #1a1a1a;
}
.area-search__input::placeholder { color: #8a8a8a; }
/* border-color focus (no box-shadow spread → no iOS horizontal scroll) */
.area-search__input:focus { border-color: #ff5e00; }
.area-search__empty { text-align: center; margin-top: 1rem; opacity: .85; }
.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;
}

/* The service-areas hub now shows every city (search-filtered) instead of
   paginating; keep the grid tidy on all widths. */
.service-area-item.area-page { transition: color .2s ease; }