/* ── WhatsApp Static Button ── */
.wa-btn {
  position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9990;
  width: 62px; height: 62px; border-radius: 50%;
  background: var(--wa-green); color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 20px rgba(29,170,97,.42);
  transition: transform .2s ease-out, box-shadow .2s;
  text-decoration: none;
}
.wa-btn:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(29,170,97,.55); }
.wa-btn svg { width: 34px; height: 34px; flex-shrink: 0; }

/* Notification badge */
.wa-badge {
  position: absolute; top: -2px; right: -2px;
  width: 20px; height: 20px; border-radius: 50%;
  background: #DC2626; color: #fff;
  font-family: var(--font-b); font-size: .7rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--bg);
  animation: waBadge 2s ease-in-out infinite;
}
@keyframes waBadge { 0%,100%{transform:scale(1)} 50%{transform:scale(1.15)} }

/* Pulse ring */
.wa-pulse {
  position: absolute; inset: -5px; border-radius: 50%;
  border: 3px solid var(--wa-green); opacity: 0;
  animation: waPulse 2.8s ease-out infinite;
}
@keyframes waPulse { 0%{transform:scale(1);opacity:.5} 70%{transform:scale(1.55);opacity:0} 100%{opacity:0} }

/* Teaser bubble (no chat, direct WA link) */
.wa-teaser {
  position: fixed; bottom: 5.75rem; right: 1.5rem; z-index: 9989;
  background: var(--white); border-radius: var(--radius); padding: .9rem 1rem;
  box-shadow: 0 8px 32px rgba(62,31,10,.18); max-width: 240px;
  opacity: 0; transform: translateY(8px) scale(.96);
  transition: opacity .3s ease-out, transform .3s ease-out;
  pointer-events: none;
}
.wa-teaser.show { opacity: 1; transform: none; pointer-events: auto; }
.wa-teaser__close {
  position: absolute; top: .35rem; right: .55rem;
  font-size: 1rem; color: var(--text-muted);
  cursor: pointer; background: none; border: none; line-height: 1; padding: 0;
}
.wa-teaser__close:hover { color: var(--text); }
.wa-teaser__title { font-weight: 700; font-size: .8rem; color: var(--text); margin-bottom: .2rem; }
.wa-teaser__msg  { font-size: .825rem; color: var(--text-muted); line-height: 1.4; }
.wa-teaser a { color: var(--wa-green); font-weight: 700; font-size: .8rem; display: inline-block; margin-top: .4rem; }