/* PS5 Arena V21 — WhatsApp bell + Subscriptions */

/* ── WHATSAPP BELL BUTTON ─────────────────────────────────────── */
.wa-bell-btn{
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(37,211,102,.12);color:#25d366;
  border:.5px solid rgba(37,211,102,.35);border-radius:20px;
  padding:4px 10px;font-size:.76rem;font-weight:600;cursor:pointer;
  transition:background .15s;flex-shrink:0
}
.wa-bell-btn:hover{background:rgba(37,211,102,.22)}
.wa-bell-btn.disabled{opacity:.45;cursor:not-allowed}
.wa-bell-btn.sending{animation:waPulse .6s ease-in-out infinite}
@keyframes waPulse{0%,100%{opacity:1}50%{opacity:.5}}
.wa-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.wa-dot-on{background:#25d366}.wa-dot-off{background:#ef4444}

/* ── SUBSCRIPTION CARDS ────────────────────────────────────────── */
.sub-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0}
.sub-tier-card{background:var(--card);border:.5px solid var(--border);
  border-radius:14px;padding:18px 16px;text-align:center;
  transition:border-color .2s,transform .2s;cursor:pointer}
.sub-tier-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.sub-tier-card.active{border-color:var(--gold);background:rgba(245,158,11,.06)}
.sub-tier-badge{font-size:2rem;margin-bottom:6px}
.sub-tier-name{font-size:.95rem;font-weight:700;margin-bottom:4px}
.sub-tier-price{font-size:1.4rem;font-weight:700;color:var(--teal);margin-bottom:8px}
.sub-tier-price span{font-size:.72rem;color:var(--tx3);font-weight:400}
.sub-tier-perk{font-size:.74rem;color:var(--tx2);line-height:1.7;text-align:left;margin:8px 0}
.sub-tier-perk li{list-style:none;padding:2px 0}
.sub-tier-perk li::before{content:"✓ ";color:var(--green)}
.sub-active-banner{
  background:rgba(245,158,11,.08);border:.5px solid rgba(245,158,11,.3);
  border-radius:10px;padding:10px 14px;margin-bottom:12px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px
}
.sub-badge-pill{
  display:inline-flex;align-items:center;gap:4px;padding:2px 10px;
  border-radius:20px;font-size:.72rem;font-weight:700;
  background:rgba(245,158,11,.15);color:var(--gold);
  border:.5px solid rgba(245,158,11,.4)
}

/* ── PHONE FIELD IN PROFILE ──────────────────────────────────────*/
.wa-phone-hint{font-size:.72rem;color:#25d366;margin-top:3px}

@media(max-width:600px){
  .sub-tier-grid{grid-template-columns:1fr}
  .sub-tier-price{font-size:1.2rem}
}