/* Shared LUMORA WhatsApp contact (JS/marketing/whatsapp.js). Always on the LEFT of the viewport, also in RTL (explicit requirement). Standalone: no page CSS needed. */
.lumora-wa{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:12px;direction:ltr;font-family:'DM Sans','Noto Sans Arabic',system-ui,sans-serif;pointer-events:none}
.lumora-wa>*{pointer-events:auto}
.lumora-wa-button{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#2fe074,#1faa52);color:#fff;border:0;box-shadow:0 14px 28px -10px rgba(18,140,70,.7),0 4px 10px rgba(16,40,79,.18),inset 0 1px 0 rgba(255,255,255,.35);text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.lumora-wa-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 32px -10px rgba(18,140,70,.75),0 6px 12px rgba(16,40,79,.2),inset 0 1px 0 rgba(255,255,255,.35)}
.lumora-wa-button:focus-visible{outline:3px solid #10284f;outline-offset:3px}
.lumora-wa-button svg{width:30px;height:30px;fill:currentColor}
.lumora-wa-button:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.55);opacity:0;animation:lumora-wa-pulse 2.8s ease-out 1.5s 3}
@keyframes lumora-wa-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.65);opacity:0}}
.lumora-wa-bubble{position:relative;display:flex;align-items:center;gap:8px;max-width:min(240px,calc(100vw - 120px));padding:11px 10px 11px 16px;border-radius:16px 16px 16px 4px;border:1px solid #dbe6f4;background:#fff;color:#10284f;font-size:13.5px;font-weight:600;line-height:1.4;box-shadow:0 16px 34px -14px rgba(16,40,79,.35);opacity:0;visibility:hidden;transform-origin:0 50%}
.lumora-wa-bubble[data-visible=true]{opacity:1;visibility:visible}
.lumora-wa-bubble[dir=rtl]{padding:11px 16px 11px 10px;font-family:'Noto Sans Arabic','DM Sans',sans-serif}
.lumora-wa-text{display:block;color:inherit;text-decoration:none}
.lumora-wa-text:hover{color:#1d5ed6}
.lumora-wa-close{display:grid;place-items:center;flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#7a8ba3;cursor:pointer;padding:0}
.lumora-wa-close:hover{background:#eef3fa;color:#10284f}
.lumora-wa-close:focus-visible{outline:2px solid #067f97;outline-offset:1px}
.lumora-wa-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
html[data-motion=paused] .lumora-wa-button:before,html[data-motion=reduced] .lumora-wa-button:before{animation:none}
@media(max-width:520px){.lumora-wa{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.lumora-wa-button{width:54px;height:54px}.lumora-wa-bubble{font-size:13px}}
@media(prefers-reduced-motion:reduce){.lumora-wa-button,.lumora-wa-button:hover{transition:none}.lumora-wa-button:before{animation:none}}
@media print{.lumora-wa{display:none}}