/* ═══════════════════════════════════════════════════════════════════
   OdontoPro — Utilities
   WA float · Reveal animation · Surprise pattern · Scroll lock
   ═══════════════════════════════════════════════════════════════════ */

/* ── WhatsApp floating button ────────────────────────────────────── */
.wa-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 30;
  width: 60px; height: 60px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: grid; place-items: center;
  box-shadow:
    0 10px 26px -8px rgba(37,211,102,.6),
    0 0 0 4px rgba(37,211,102,.12);
  transition: transform .25s var(--ease);
  animation: wabounce 3s ease-in-out infinite;
}
.wa-float:hover { transform: scale(1.08); }
.wa-float svg   { width: 30px; height: 30px; }

@keyframes wabounce {
  0%, 92%, 100% { transform: scale(1);    }
  94%            { transform: scale(1.08); }
  96%            { transform: scale(.96);  }
  98%            { transform: scale(1.04); }
}

/* ── Reveal scroll animation ─────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
}
.reveal.in  { opacity: 1; transform: translateY(0); }
.reveal.d1  { transition-delay: .08s; }
.reveal.d2  { transition-delay: .16s; }
.reveal.d3  { transition-delay: .24s; }
.reveal.d4  { transition-delay: .32s; }

/* ── Surprise pattern mode ───────────────────────────────────────── */
.surprise-pattern .section-tint {
  background-image:
    radial-gradient(circle at 20% 30%, rgba(184,149,106,.06) 0, transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(45,106,79,.06)   0, transparent 40%),
    var(--bg-tint);
}
.surprise-pattern .hero {
  background-image:
    radial-gradient(circle at 90%  0%, rgba(45,106,79,.08)  0, transparent 40%),
    radial-gradient(circle at 10% 100%, rgba(184,149,106,.05) 0, transparent 35%);
}

/* ── Scroll lock (mobile menu open) ──────────────────────────────── */
body.no-scroll { overflow: hidden; }