/* RenewLife Lead Tracker — WhatsApp widget. No tag-like text in this file (LiteSpeed bundles inline CSS by pattern). */
:root{--rlt-navy:#143060;--rlt-ink:#071440;--rlt-gold:#C9A24A;--rlt-gold-ink:#7A5F2C;--rlt-wa:#25D366;--rlt-bottom:25px;--rlt-right:29px;--rlt-size:54px;--rlt-z:9990;--rlt-ease:cubic-bezier(.2,.7,.2,1)}
.rlt-widget{position:fixed;right:var(--rlt-right);bottom:var(--rlt-bottom);z-index:var(--rlt-z);font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;color:#0b1f57;-webkit-font-smoothing:antialiased}
.rlt-widget *,.rlt-widget *::before,.rlt-widget *::after{box-sizing:border-box}
.rlt-widget p{margin:0}

/* button */
.rlt-btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--rlt-size);height:var(--rlt-size);margin-left:auto;padding:0;border:0;border-radius:50%;background:var(--rlt-navy);color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(7,20,64,.28),0 0 0 2px rgba(201,162,74,.55);transition:transform .25s var(--rlt-ease),box-shadow .25s var(--rlt-ease),background-color .25s}
.rlt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,20,64,.32),0 0 0 3px rgba(201,162,74,.8)}
.rlt-btn:focus-visible{outline:3px solid var(--rlt-gold);outline-offset:3px}
.rlt-btn svg{display:block;transition:opacity .2s,transform .25s var(--rlt-ease)}
.rlt-btn .rlt-ico-x{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}
.rlt-widget.is-open .rlt-btn .rlt-ico-wa{opacity:0;transform:rotate(90deg) scale(.6)}
.rlt-widget.is-open .rlt-btn .rlt-ico-x{opacity:1;transform:none}
.rlt-btn::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(20,48,96,.45);animation:rlt-pulse 2.4s ease-out infinite;pointer-events:none}
.rlt-widget.is-open .rlt-btn::after,.rlt-no-motion .rlt-btn::after{animation:none;display:none}
@keyframes rlt-pulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}

/* greeting bubble, opens to the LEFT of the button */
.rlt-greeting{position:absolute;right:calc(var(--rlt-size) + 14px);bottom:calc((var(--rlt-size) - 44px) / 2);width:min(260px,calc(100vw - var(--rlt-size) - var(--rlt-right) - 36px));padding:12px 34px 12px 14px;background:#fff;color:#0b1f57;border:1px solid rgba(11,31,87,.12);border-radius:14px 14px 4px 14px;box-shadow:0 10px 28px rgba(7,20,64,.16);cursor:pointer;font-size:13.5px;line-height:1.45}
.rlt-greeting::after{content:"";position:absolute;right:-7px;bottom:14px;width:12px;height:12px;background:#fff;border-right:1px solid rgba(11,31,87,.12);border-top:1px solid rgba(11,31,87,.12);transform:rotate(45deg)}
.rlt-greeting[hidden]{display:none}
.rlt-greeting-close{position:absolute;top:6px;right:8px;width:22px;height:22px;border:0;background:transparent;color:#8a8f98;font-size:18px;line-height:1;cursor:pointer;border-radius:50%}
.rlt-greeting-close:hover{background:#f1f3f6;color:#0b1f57}

/* panel */
.rlt-panel{position:absolute;right:0;bottom:calc(var(--rlt-size) + 14px);width:min(360px,calc(100vw - 2 * var(--rlt-right)));max-height:calc(100vh - var(--rlt-bottom) - var(--rlt-size) - 34px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 18px 48px rgba(7,20,64,.26),0 0 0 1px rgba(11,31,87,.08);transform-origin:bottom right;animation:rlt-in .22s var(--rlt-ease)}
.rlt-no-motion .rlt-panel{animation:none}
.rlt-panel[hidden]{display:none}
@keyframes rlt-in{from{transform:translateY(8px) scale(.97)}to{transform:none}}
.rlt-panel-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(135deg,var(--rlt-ink) 0%,var(--rlt-navy) 100%);color:#fff}
.rlt-avatar{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(201,162,74,.55)}
.rlt-head-text{flex:1;min-width:0}
.rlt-brand{font-family:"Playfair Display",Georgia,serif;font-size:16px;font-weight:600;letter-spacing:.01em}
.rlt-status{font-size:12px;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px;margin-top:2px}
.rlt-dot{width:8px;height:8px;border-radius:50%;background:#9aa3ad;flex:0 0 8px}
.rlt-dot.is-open{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.rlt-dot.is-closed{background:var(--rlt-gold)}
.rlt-close{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.rlt-close:hover{background:rgba(255,255,255,.2)}
.rlt-panel-body{padding:14px 16px 16px;background:#f4f7fa}
.rlt-bubble{background:#fff;border-radius:4px 14px 14px 14px;padding:12px 14px;box-shadow:0 1px 2px rgba(7,20,64,.06);font-size:13.5px}
.rlt-hours{margin-top:6px;font-size:12px;color:#5f6785}
.rlt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}
.rlt-chip{border:1px solid rgba(20,48,96,.35);background:#fff;color:var(--rlt-navy);border-radius:999px;padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.rlt-chip:hover,.rlt-chip:focus-visible{background:var(--rlt-navy);color:#fff;border-color:var(--rlt-navy);outline:0}
.rlt-label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin:0 0 4px}
.rlt-msg{width:100%;resize:vertical;min-height:72px;padding:10px 12px;border:1px solid rgba(11,31,87,.18);border-radius:12px;font:inherit;font-size:13.5px;color:#0b1f57;background:#fff}
.rlt-msg:focus{outline:2px solid var(--rlt-gold);outline-offset:1px;border-color:transparent}
.rlt-send{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:48px;padding:0 18px;border-radius:999px;background:var(--rlt-wa);color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 8px 18px rgba(37,211,102,.3);transition:transform .2s var(--rlt-ease),box-shadow .2s,background-color .2s}
.rlt-send:hover{background:#1ebe5a;color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,211,102,.36)}
.rlt-send:focus-visible{outline:3px solid var(--rlt-gold);outline-offset:2px}
.rlt-fine{margin-top:8px;font-size:11.5px;color:#5f6785;text-align:center}

/* phones: full-width panel docked above the button */
@media (max-width:480px){
  .rlt-panel{width:calc(100vw - 2 * var(--rlt-right));max-height:calc(100vh - var(--rlt-bottom) - var(--rlt-size) - 24px)}
}
@media (prefers-reduced-motion:reduce){
  .rlt-btn,.rlt-btn svg,.rlt-send,.rlt-chip{transition:none}
  .rlt-btn::after{animation:none;display:none}
  .rlt-panel{animation:none}
}
