/* WhatsApp Support Widget — v2 (official icon, glass + gold pill) */
:root{
  --wa-green: #25D366;
  --wa-green-2: #1ebe5d;
  --gold: #f6d585;
  --ink: rgba(255,255,255,0.94);
  --muted: rgba(255,255,255,0.72);
}
.wa-support{ position: fixed; right: clamp(12px, env(safe-area-inset-right) + 12px, 28px);
  bottom: clamp(12px, env(safe-area-inset-bottom) + 12px, 28px); z-index: 9999;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.wa-support *{ box-sizing: border-box; }
.wa-btn{ display: inline-flex; align-items: center; gap: 12px; border-radius: 999px;
  padding: 10px 16px; border: 1px solid rgba(246,213,133,0.38);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)) border-box,
              radial-gradient(120% 160% at 100% 0%, rgba(255,215,128,.22), rgba(0,0,0,0)) border-box;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 10px 28px rgba(0,0,0,.36), 0 0 24px rgba(255,215,128,.14);
  cursor: pointer; user-select: none; transition: transform .18s ease, box-shadow .28s ease, border-color .28s ease; background-color: rgba(10,10,14,.52); }
.wa-btn:hover{ transform: translateY(-1px);
  border-color: rgba(246,213,133,.6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 36px rgba(0,0,0,.44), 0 0 38px rgba(37,211,102,.42), 0 0 52px rgba(255,215,128,.22); }

/* Icon area now renders an image of the official mark for perfect proportions */
.wa-icon{ width: 40px; height: 40px; display: grid; place-items: center; border-radius: 999px; flex: 0 0 auto;
  background: radial-gradient(100% 100% at 30% 20%, var(--wa-green), var(--wa-green-2));
  box-shadow: 0 0 0 1px rgba(255,255,255,.14) inset, 0 6px 16px rgba(37,211,102,.35); overflow: visible; }
.wa-icon img{ width: 28px; height: 28px; display:block; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }

.wa-label{ font-weight: 700; letter-spacing: .2px; line-height: 1; white-space: nowrap; text-shadow: 0 1px 0 rgba(0,0,0,.35); }
.wa-sub{ display:block; font-size: 11px; font-weight: 500; color: var(--muted); letter-spacing: .25px; margin-top: 3px; }

@media (max-width: 640px){
  .wa-label, .wa-sub{ display: none; }
  .wa-btn{ padding: 10px; gap: 0; }
}

/* Soft one-time attention pulse */
@keyframes wa-pulse { 0%{ box-shadow: 0 0 0 0 rgba(37,211,102,.45); } 70%{ box-shadow: 0 0 0 14px rgba(37,211,102,0); } 100%{ box-shadow: 0 0 0 0 rgba(37,211,102,0); } }
.wa-attention .wa-icon{ animation: wa-pulse 2.2s ease-out 1 2.4s; }