/*
 * Phase 6 — Webflow ADA custom-code scripts baked statically + IX2
 * scroll-reveal classes. Each rule names the downloaded runtime script it
 * replaces (content/raw/webflow-scripts/). Loaded per page via a hoisted
 * <link rel="stylesheet" precedence="default"> rendered in the page files.
 */

/* adacolorcontrast-4.0.0.js — accessible nav link contrast (was an injected
   <style>). The same script also swept document.links for a computed color of
   rgb(79, 163, 183) (#4fa3b7) and recolored those to #0578a8; that color
   appears nowhere in the exported stylesheets, so the sweep was already dead
   code and needs no static equivalent. */
.w-nav a {
  color: #0578a8 !important;
}

/* adacolorpatch-4.0.0.js — keep the booking button's text white on its
   orange background. (The script's runtime .link-10/.link-11/.link-12/
   .link-13 recolor loop duplicates adalinkcolorfix below.) */
#book-an-appointment-button {
  color: #fff !important;
}

/* adalinkcolorfix-4.0.0.js (+ the adacolorpatch runtime loop) — accessible
   link color for the utility link classes. */
body a.link-10,
body a.link-11,
body a.link-12,
body a.link-13 {
  color: #0578a8 !important;
}

/* adabodylinkunderline-4.0.0.js — underline links inside paragraphs in the
   main landmark. The landmark itself was created at runtime by
   adamainlandmark-4.0.0.js and is now baked as a real <main> element in the
   page files, which makes this rule live again. */
main p a {
  text-decoration: underline !important;
}

/* adaparagraphdivlinkunderline-4.0.0.js — underline links inside
   .paragraph-70 text blocks. */
.paragraph-70 a {
  text-decoration: underline !important;
}

/* ---- IX2 scroll-reveal approximation (components/RevealInit.tsx) ----
   .p6-reveal is only ever added by JS (RevealInit), and only to elements
   still below the viewport at hydration time, so nothing is hidden when JS
   never runs and nothing already on screen flashes. */
.p6-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
}
.p6-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .p6-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}