/* ── WHATSAPP FLOATING WIDGET ── */
.wa-widget { position: fixed; bottom: 28px; right: 28px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.wa-btn {
  width: 58px; height: 58px; 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,0.4);
  transition: transform 0.2s, box-shadow 0.2s;
}
.wa-btn:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(37,211,102,0.5); }
.wa-btn svg { width: 30px; height: 30px; fill: #fff; }
.wa-popup {
  background: #fff; border-radius: 12px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.15);
  width: 300px; overflow: hidden;
  display: none; animation: waIn 0.25s ease;
}
.wa-popup.open { display: block; }
@keyframes waIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.wa-popup-header {
  background: #25D366; padding: 16px 18px;
  display: flex; align-items: center; justify-content: space-between;
}
.wa-popup-header-left { display: flex; align-items: center; gap: 10px; }
.wa-popup-header svg { width: 28px; height: 28px; fill: #fff; }
.wa-popup-header span { color: #fff; font-weight: 600; font-size: 1rem; letter-spacing: 0.02em; }
.wa-close {
  background: rgba(0,0,0,0.15); border: none; cursor: pointer;
  width: 28px; height: 28px; border-radius: 50%; color: #fff;
  font-size: 1rem; display: flex; align-items: center; justify-content: center;
  transition: background 0.2s;
}
.wa-close:hover { background: rgba(0,0,0,0.3); }
.wa-popup-body { padding: 20px 18px; background: #f0f0f0; }
.wa-bubble {
  background: #fff; border-radius: 0 12px 12px 12px;
  padding: 12px 16px; font-size: 0.9rem; color: #333;
  line-height: 1.5; box-shadow: 0 1px 4px rgba(0,0,0,0.08); position: relative;
}
.wa-bubble::before {
  content: ''; position: absolute; top: 0; left: -8px;
  border-width: 0 8px 8px 0; border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.wa-popup-footer { padding: 14px 18px; background: #fff; }
.wa-open-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; background: #25D366; color: #fff; border: none; cursor: pointer;
  padding: 12px 20px; border-radius: 50px; font-size: 0.9rem; font-weight: 600;
  transition: background 0.2s;
}
.wa-open-btn:hover { background: #1db954; }
.wa-open-btn svg { width: 18px; height: 18px; fill: #fff; }