/* === Smart Sticky CTA (legacy wrapper variant) === */

/* Wrapper: non-clickable; button handles clicks */
#cl-sticky-cta-wrapper{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  background: transparent;
  pointer-events: none;
}

/* Button (Elementor-proof reset + vibrant style) */
#cl-sticky-cta-wrapper > .cl-sticky-cta{
  all: unset;
  box-sizing: border-box;
  pointer-events: auto;
  display: block;
  width: min(90%, 500px);
  margin: 12px auto calc(12px + env(safe-area-inset-bottom));
  padding: 18px;
  font: 700 20px/1.1 system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(135deg, var(--green-600, #12a33b), var(--green-700, #0e7f23));
  border: 2px solid rgba(0,255,29,.89);
  border-radius: 999px;
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.18);
  cursor: pointer;
  transition: filter .15s ease, box-shadow .15s ease;
 animation: pulse 2.6s ease-in-out infinite;

}
#cl-sticky-cta-wrapper > .cl-sticky-cta:hover{ filter: brightness(1.05); }
#cl-sticky-cta-wrapper > .cl-sticky-cta:focus-visible{
  outline: 3px solid #ffcf4d; outline-offset: 2px;
}



/* Landscape/short screens */
@media (orientation:landscape) and (max-height:500px){
  #cl-sticky-cta-wrapper > .cl-sticky-cta{
    width: min(92%, 520px);
    margin: 10px auto calc(10px + env(safe-area-inset-bottom));
    padding: 14px;
    font-size: 17px;
  }
}

/* Hide on desktop */
@media (min-width: 769px){
  #cl-sticky-cta-wrapper{ display:none !important; }
}

/* Comfortable anchor offset for the target form */
#bottom-form{scroll-margin-top: clamp(100px, 18vh, 250px); }

/* SR-only helper */
.visually-hidden{
  position:absolute!important;clip:rect(1px,1px,1px,1px);
  padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;
}




/* Reserve room for in-page anchors when sticky is present */
body.has-sticky-scrollpad { scroll-padding-bottom: 84px; }

/* Read bottom offset if you later choose to float above footer (we default to hiding) */
#cl-sticky-cta-wrapper{
  bottom: calc(var(--cl-sticky-offset, 0px) + env(safe-area-inset-bottom));
}

/* Hide while nav is open (nav.js toggles body.nav-open) */
.nav-open #cl-sticky-cta-wrapper{
  opacity: 0; pointer-events: none; transition: opacity .15s ease;
}