/*
 * Site-wide fixes layered on top of the Elementor export.
 * Loaded last on every page by tools/postprocess.py, so these rules win.
 * Keep each fix small and commented with the page and reason.
 */

/* All pages: never scroll sideways. Elements using the custom "fade-right"
   animation start 50px to the right until they animate in, which made phones
   scroll horizontally. */
html { overflow-x: clip; }
@supports not (overflow-x: clip) { html { overflow-x: hidden; } }

/* Lead Center (/lead-center/): the "Lead Center FAQs" heading sat flush against
   the left edge of the screen. Line it up with the questions below it. */
.page-id-2806 .elementor-element-66df9a4 > .elementor-element-439cfb0 {
  width: min(100% - 20px, 80vw);
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .page-id-2806 .elementor-element-66df9a4 > .elementor-element-439cfb0 { width: min(100% - 20px, 90vw); }
}
@media (max-width: 767px) {
  /* phones: 20px from the screen edge, like the rest of the site */
  .page-id-2806 .elementor-element-66df9a4 > .elementor-element-439cfb0 { width: calc(100% - 40px); }
  .page-id-2806 .elementor-element-254bf5d { padding-inline: 20px; }
}

/* ROI calculator (/aba-therapy-roi-calculator/): on phones the calculator was
   squeezed by a 10% side margin plus 20px card padding. */
@media (max-width: 767px) {
  .page-id-1384 .roi-calc { max-width: calc(100vw - 32px); }
  .page-id-1384 .roi-calc .card { padding-left: 16px; padding-right: 16px; }
}

/* About (/about/): the sticky "Step" bar in "How We Work" covered the section's
   intro text. re-fixes.js hides it until the intro has scrolled above it. */
.page-id-211 .elementor-element-e09b971 { transition: opacity .3s ease, visibility 0s linear 0s; }
.page-id-211 .elementor-element-e09b971.re-step-bar-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease, visibility 0s linear .3s;
}

/* Blog posts and listings: confirmation after "Copy link" (see re-fixes.js). */
.copy-link.re-copied .elementor-button { border-color: #2e7d32 !important; color: #2e7d32 !important; }
.copy-link.re-copied .elementor-button svg path { stroke: #2e7d32; }
