/* ==========================================================================
   floating-whatsapp.css — زر واتساب العائم (Floating WhatsApp)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   WC-NOTE: ثابت / إضافة Click-to-Chat — رابط wa.me
   ========================================================================== */

.floating-whatsapp {
  position: fixed;
  inset-block-end: var(--space-24);
  inset-inline-end: var(--space-24);
  z-index: var(--z-floating);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-64);
  height: var(--space-64);
  background-color: var(--color-whatsapp);
  color: var(--color-text-invert);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-whatsapp);
  transition: transform 0.2s ease;
}
.floating-whatsapp:hover {
  transform: scale(1.05);
  color: var(--color-text-invert);
}
.floating-whatsapp__icon {
  width: var(--space-32);
  height: var(--space-32);
}