/* ═══════════════════════════════════════
   WhatsApp Floating Button
   ═══════════════════════════════════════ */
.wa-float{
  position:fixed;
  bottom:28px;right:28px;
  z-index:9000;
  display:flex;flex-direction:column;align-items:flex-end;gap:12px;
}
.wa-bubble{
  background:#1a1a28;
  border:1px solid #2e2e44;
  border-radius:16px 16px 4px 16px;
  padding:14px 20px;
  max-width:260px;
  font-size:.88rem;
  color:#e8e8ed;
  line-height:1.5;
  box-shadow:0 8px 32px rgba(0,0,0,.4);
  opacity:0;transform:translateY(10px) scale(.95);
  transition:all .4s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.wa-bubble.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.wa-bubble strong{color:#00e87b;font-weight:600}
.wa-bubble-close{
  position:absolute;top:8px;right:10px;
  background:none;border:none;color:#8888a0;
  cursor:pointer;font-size:1rem;line-height:1;
  padding:2px;
}
.wa-btn{
  width:60px;height:60px;
  border-radius:50%;
  background:#25D366;
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.35);
  transition:all .3s;
  position:relative;
}
.wa-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.5)}
.wa-btn svg{width:32px;height:32px;fill:#fff}
.wa-btn::after{
  content:'';
  position:absolute;
  width:100%;height:100%;
  border-radius:50%;
  border:2px solid #25D366;
  animation:wa-ping 2s infinite;
}
@keyframes wa-ping{
  0%{transform:scale(1);opacity:.6}
  100%{transform:scale(1.6);opacity:0}
}
/* Pulse badge */
.wa-badge{
  position:absolute;top:0;right:0;
  width:14px;height:14px;
  background:#ff4444;
  border-radius:50%;
  border:2px solid #0a0a0f;
}

@media(max-width:600px){
  .wa-float{bottom:20px;right:16px}
  .wa-btn{width:54px;height:54px}
  .wa-btn svg{width:28px;height:28px}
  .wa-bubble{max-width:220px;font-size:.82rem}
}