/* ===== Floating WhatsApp chat button (all pages, EN + AR) ===== */
.wa-float{position:fixed;bottom:22px;right:22px;z-index:30;width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#25D366;
  box-shadow:0 8px 24px -6px rgba(37,211,102,.65),0 2px 8px rgba(0,0,0,.35);
  transition:transform .25s ease,box-shadow .25s}
.wa-float:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 0 28px rgba(37,211,102,.8),0 10px 28px -6px rgba(0,0,0,.4)}
.wa-float svg{width:32px;height:32px;fill:#fff;display:block}
.wa-float .wa-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wa-ring 2.2s ease-out infinite}
@keyframes wa-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
[dir="rtl"] .wa-float{right:auto;left:22px}
@media (max-width:600px){.wa-float{width:52px;height:52px;bottom:16px;right:16px}[dir="rtl"] .wa-float{right:auto;left:16px}}
@media (prefers-reduced-motion: reduce){.wa-float .wa-pulse{animation:none}}

/* ===== WhatsApp pre-chat popup panel ===== */
.wa-popup{position:fixed;bottom:94px;right:22px;z-index:31;width:min(330px,calc(100vw - 32px));
  border-radius:16px;overflow:hidden;background:#fff;color:#111;font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;
  transition:opacity .25s ease,transform .25s ease}
.wa-popup.open{opacity:1;transform:none;pointer-events:auto}
[dir="rtl"] .wa-popup{right:auto;left:22px}
.wa-pop-head{background:#075E54;color:#fff;padding:.75rem 1rem;display:flex;gap:.65rem;align-items:center}
.wa-pop-ava{width:36px;height:36px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}
.wa-pop-head .t b{display:block;font-size:.95rem}
.wa-pop-head .t small{color:rgba(255,255,255,.75);font-size:.75rem}
.wa-pop-close{margin-inline-start:auto;background:none;border:0;color:#fff;font-size:1.15rem;cursor:pointer;line-height:1}
.wa-pop-body{background:#e5ddd5;padding:1rem;min-height:88px}
.wa-bubble{background:#fff;border-radius:0 12px 12px 12px;padding:.6rem .85rem;font-size:.9rem;max-width:88%;box-shadow:0 1px 1px rgba(0,0,0,.15)}
[dir="rtl"] .wa-bubble{border-radius:12px 0 12px 12px}
.wa-pop-foot{display:flex;gap:.5rem;padding:.7rem;background:#f6f6f6}
.wa-pop-foot textarea{flex:1;resize:none;border:1px solid #ddd;border-radius:12px;padding:.55rem .75rem;font:inherit;font-size:.9rem;height:44px;outline:none}
.wa-pop-foot textarea:focus{border-color:#25D366}
.wa-pop-send{background:#25D366;border:0;color:#fff;border-radius:12px;padding:0 1rem;cursor:pointer;font-weight:700;font-size:.9rem;white-space:nowrap}
.wa-pop-send:hover{background:#1fbf5b}