/*
 * Sticky mobile CTA — bottom-spacer.
 *
 * Framer's runtime injects a fixed-position "Book a free call" pill bar at
 * the bottom of mobile + tablet viewports (the wrapper is rendered with a
 * per-page Framer-atomic class like `.framer-e8wsrt-container` and
 * resolves to `position: fixed; bottom: 0; height: 77px`). On desktop the
 * same wrapper is `position: relative`, so it flows in-page and there's
 * no overlap.
 *
 * Without intervention the fixed pill sits ON TOP of whatever scrolls
 * past — once the user scrolls to the footer, the bottom 77px of the
 * footer content disappears behind the pill (the user attached a
 * screenshot showing "Privacy policy" / "Contact" overlapped).
 *
 * Fix: at the viewports where the pill is fixed, reserve enough
 * bottom space on the document so the natural page bottom sits above
 * the pill. We add it on `body` (and `html` for safety) so it composes
 * with whatever padding Framer already emits.
 *
 * Pill is 77px tall, plus a 16px gap so the footer text doesn't kiss the
 * pill's top edge → 93px clearance.
 *
 * Also set `scroll-padding-bottom` on the root so in-page anchor scrolls
 * (e.g. #pricing from the project page's See Pricing CTA) don't land at
 * a position covered by the pill.
 */

@media (max-width: 960px) {
  html {
    scroll-padding-bottom: 93px;
  }
  body {
    padding-bottom: 93px !important;
  }

  /* The pill must dominate the stacking order on mobile — its default
     z-index is 1, so anything that creates its own stacking context
     (sticky nav, in-page absolute elements, lazy-loaded Framer overlays)
     can sit on top of it. We pin it to 99999 — well above normal page
     content but BELOW the booking-modal overlay (`.gs-bm-overlay` uses
     z-index 999999), so opening the modal still renders correctly on
     top of the pill.

     Targeted by the current Framer-atomic class. If a future republish
     regenerates that class name, js/sticky-cta-zindex.js finds the
     pill by content and pins the same z-index inline. */
  .framer-e8wsrt-container {
    z-index: 99999 !important;
  }
}