/* BharatEvent - WhatsApp floating button + greeting bubble (namespaced under #be-wa) */
#be-wa-btn {
  position: fixed; right: 20px; bottom: 20px; z-index: 9998;
  width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; box-shadow: 0 8px 24px rgba(37,211,102,.45);
  display: flex; align-items: center; justify-content: center;
  border: none; cursor: pointer; padding: 0;
  transition: transform .18s ease;
}
#be-wa-btn:hover { transform: scale(1.07); }
#be-wa-btn svg { width: 30px; height: 30px; }

#be-wa-bubble {
  position: fixed; right: 20px; bottom: 86px; z-index: 9998;
  width: 300px; max-width: calc(100vw - 40px);
  background: #fff; border-radius: 16px; box-shadow: 0 18px 46px rgba(0,0,0,.22);
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  opacity: 0; transform: translateY(12px) scale(.97); pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
  overflow: hidden;
}
#be-wa-bubble.be-wa-show { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
#be-wa-bubble .be-wa-head {
  background: #25D366; color: #fff; padding: 12px 14px;
  display: flex; align-items: center; gap: 10px;
}
#be-wa-bubble .be-wa-head svg { width: 22px; height: 22px; flex: 0 0 auto; }
#be-wa-bubble .be-wa-title { font-weight: 800; font-size: 14px; }
#be-wa-bubble .be-wa-sub { font-size: 11.5px; opacity: .9; }
#be-wa-bubble .be-wa-close {
  margin-left: auto; background: rgba(255,255,255,.22); border: none; color: #fff;
  width: 22px; height: 22px; border-radius: 50%; cursor: pointer; font-size: 13px; line-height: 1;
}
#be-wa-bubble .be-wa-body { padding: 14px; }
#be-wa-bubble .be-wa-msg {
  background: #F0F2F5; border-radius: 12px; border-top-left-radius: 3px;
  padding: 10px 12px; font-size: 13.5px; color: #16181D; line-height: 1.5;
}
#be-wa-bubble .be-wa-cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 12px; width: 100%; background: #25D366; color: #fff; text-decoration: none;
  font-weight: 800; font-size: 13.5px; padding: 11px; border-radius: 10px;
}
#be-wa-bubble .be-wa-cta svg { width: 16px; height: 16px; }

@media (max-width: 640px) {
  #be-wa-bubble { right: 12px; bottom: 78px; }
  #be-wa-btn { right: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #be-wa-bubble { transition: opacity .15s linear; transform: none !important; }
}