/* Mobile sticky click-to-call bar. Hidden by default; shown only at the
   site's mobile-landscape breakpoint (max-width: 767px) alongside every
   other mobile-only treatment in the CSS architecture. */
.sticky-mobile-cta {
  display: none;
}

@media screen and (max-width: 767px) {
  .sticky-mobile-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--qa-green, #094c11);
    border-top: 3px solid var(--black, #000);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .sticky-mobile-cta .sticky-cta-btn {
    flex: 1;
    color: var(--white, #fff);
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 14px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 48px;
  }
  .sticky-mobile-cta .sticky-cta-call {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }
  .sticky-mobile-cta .cta-phone-icon {
    font-size: 18px;
  }
  /* Reserve space so the fixed bar never covers footer content. Matches
     bar height: ~48px min-height + 28px vertical padding + border-top,
     plus the iOS home-indicator safe area. */
  body {
    padding-bottom: calc(60px + env(safe-area-inset-bottom, 0));
  }
  /* Lift Calendly badge above the sticky call bar */
  .calendly-badge-widget {
    bottom: calc(65px + env(safe-area-inset-bottom, 0)) !important;
  }
}