/* Rest Cabinetry live chat - storefront widget. Everything is scoped under #rclc so the theme cannot reach it. */
#rclc{--lc-cu:#bd844c;--lc-cu-d:#9f6c39;--lc-cu-l:#f8f1e9;--lc-ink:#010f1c;--lc-ink2:#0d2235;--lc-tx:#3b4249;--lc-mut:#7b8188;--lc-ln:#ebe5dd;--lc-bg:#f7f5f2;--lc-ok:#22c55e;--lc-bottom:24px;--lc-side:22px;
  position:fixed;z-index:99992;right:var(--lc-side);bottom:var(--lc-bottom);font-family:Jost,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--lc-tx);-webkit-font-smoothing:antialiased}
#rclc.rclc-left{right:auto;left:var(--lc-side)}
#rclc *,#rclc *::before,#rclc *::after{box-sizing:border-box}
#rclc button,#rclc input,#rclc textarea{font:inherit;color:inherit;margin:0;letter-spacing:normal;text-transform:none}
#rclc button{cursor:pointer;background:none;border:0;padding:0}
#rclc .rclc-hidden{display:none!important}

/* launcher */
#rclc .rclc-launch{position:relative;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#cf9a62 0%,var(--lc-cu) 45%,var(--lc-cu-d) 100%);
  box-shadow:0 10px 28px rgba(1,15,28,.28),0 2px 6px rgba(1,15,28,.18);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}
#rclc .rclc-launch:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 34px rgba(1,15,28,.32),0 2px 6px rgba(1,15,28,.18)}
#rclc .rclc-launch svg{width:28px;height:28px;fill:#fff;transition:transform .3s ease,opacity .2s ease}
#rclc .rclc-launch .rclc-ico-close{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6)}
#rclc.rclc-open .rclc-launch .rclc-ico-chat{opacity:0;transform:rotate(90deg) scale(.6)}
#rclc.rclc-open .rclc-launch .rclc-ico-close{opacity:1;transform:none}
#rclc .rclc-dot{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:var(--lc-ok);border:3px solid #fff}
#rclc.rclc-off .rclc-dot{display:none}
#rclc .rclc-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--lc-cu);opacity:0;pointer-events:none}
#rclc.rclc-on:not(.rclc-open) .rclc-ring{animation:rclc-ring 4s ease-out infinite}
@keyframes rclc-ring{0%{transform:scale(1);opacity:.55}45%{transform:scale(1.45);opacity:0}100%{opacity:0}}
#rclc .rclc-badge{position:absolute;top:-4px;left:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e5484d;color:#fff;font-size:12px;font-weight:700;
  line-height:22px;text-align:center;border:2px solid #fff}

/* teaser */
#rclc .rclc-teaser{position:absolute;right:0;bottom:76px;width:268px;background:#fff;border-radius:16px;padding:14px 38px 14px 14px;display:flex;gap:11px;align-items:center;
  box-shadow:0 14px 40px rgba(1,15,28,.18);border:1px solid var(--lc-ln);cursor:pointer;animation:rclc-up .35s ease both}
#rclc.rclc-left .rclc-teaser{right:auto;left:0}
#rclc .rclc-teaser::after{content:"";position:absolute;right:24px;bottom:-7px;width:14px;height:14px;background:#fff;border-right:1px solid var(--lc-ln);border-bottom:1px solid var(--lc-ln);transform:rotate(45deg)}
#rclc .rclc-teaser p{margin:0;font-size:14px;line-height:1.4;color:var(--lc-ink)}
#rclc .rclc-teaser strong{display:block;font-size:12px;font-weight:600;color:var(--lc-cu-d);letter-spacing:.04em;margin-bottom:2px}
#rclc .rclc-teaser-x{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;color:var(--lc-mut);font-size:18px;line-height:24px;text-align:center}
#rclc .rclc-teaser-x:hover{background:var(--lc-bg);color:var(--lc-ink)}

/* avatar */
#rclc .rclc-av{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#d9a978,var(--lc-cu));color:#fff;font-weight:700;font-size:15px;
  display:flex;align-items:center;justify-content:center;letter-spacing:.02em}
#rclc .rclc-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
#rclc .rclc-av i{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:var(--lc-ok);border:2px solid #fff}
#rclc.rclc-off .rclc-av i{background:#b3b8bd}

/* panel */
#rclc .rclc-panel{position:absolute;right:0;bottom:78px;width:376px;height:min(620px,var(--lc-maxh,620px));background:var(--lc-bg);border-radius:22px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(1,15,28,.30),0 4px 14px rgba(1,15,28,.12);transform-origin:bottom right;animation:rclc-pop .28s cubic-bezier(.2,.9,.3,1.2) both}
#rclc.rclc-left .rclc-panel{right:auto;left:0;transform-origin:bottom left}
@keyframes rclc-pop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes rclc-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

#rclc .rclc-head{position:relative;flex:0 0 auto;background:linear-gradient(135deg,var(--lc-ink) 0%,var(--lc-ink2) 100%);color:#fff;padding:18px 18px 20px;overflow:hidden}
#rclc .rclc-head::after{content:"";position:absolute;right:-60px;top:-70px;width:190px;height:190px;border-radius:50%;border:30px solid rgba(189,132,76,.16);pointer-events:none}
#rclc .rclc-head-row{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
#rclc .rclc-head .rclc-av{width:46px;height:46px;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
#rclc .rclc-head .rclc-av i{border-color:var(--lc-ink)}
#rclc .rclc-who{flex:1 1 auto;min-width:0}
#rclc .rclc-who b{display:block;font-size:16px;font-weight:600;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rclc .rclc-who span{display:block;font-size:12.5px;color:#c9cfd6;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rclc .rclc-who em{font-style:normal;color:#8fe3ad}
#rclc.rclc-off .rclc-who em{color:#e8c39c}
#rclc .rclc-hbtn{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);transition:background .2s}
#rclc .rclc-hbtn:hover{background:rgba(255,255,255,.18)}
#rclc .rclc-hbtn svg{width:18px;height:18px;fill:#fff}
#rclc .rclc-welcome{position:relative;z-index:1;margin:14px 0 0;font-size:14px;line-height:1.5;color:#e6e9ec}

#rclc .rclc-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 8px;scroll-behavior:smooth}
#rclc .rclc-body::-webkit-scrollbar{width:6px}
#rclc .rclc-body::-webkit-scrollbar-thumb{background:#d8d1c8;border-radius:3px}

/* form */
#rclc .rclc-card{background:#fff;border:1px solid var(--lc-ln);border-radius:16px;padding:16px 16px 14px;box-shadow:0 4px 16px rgba(1,15,28,.04)}
#rclc .rclc-card h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--lc-ink);line-height:1.3}
#rclc .rclc-card .rclc-sub{margin:0 0 12px;font-size:13px;color:var(--lc-mut);line-height:1.45}
#rclc .rclc-f{position:relative;margin:0 0 10px}
#rclc .rclc-f input,#rclc .rclc-f textarea{display:block;width:100%;background:#fbfaf8;border:1px solid #e3dcd2;border-radius:11px;padding:11px 13px;font-size:14.5px;line-height:1.35;
  color:var(--lc-ink);outline:0;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:none;height:auto;min-height:0}
#rclc .rclc-f textarea{resize:none;min-height:78px}
#rclc .rclc-f input:focus,#rclc .rclc-f textarea:focus{border-color:var(--lc-cu);background:#fff;box-shadow:0 0 0 3px rgba(189,132,76,.16)}
#rclc .rclc-f input::placeholder,#rclc .rclc-f textarea::placeholder{color:#a3a8ad}
#rclc .rclc-pair{display:flex;gap:8px}
#rclc .rclc-pair .rclc-f{flex:1 1 0;min-width:0}
#rclc .rclc-hint{margin:-4px 0 10px;font-size:12px;color:var(--lc-mut);line-height:1.4;display:flex;gap:6px;align-items:flex-start}
#rclc .rclc-hint svg{flex:0 0 14px;width:14px;height:14px;fill:var(--lc-cu);margin-top:1px}
#rclc .rclc-err{display:none;margin:4px 2px 0;font-size:12px;color:#c2410c;line-height:1.35}
#rclc .rclc-f.rclc-bad input,#rclc .rclc-f.rclc-bad textarea{border-color:#e0794a;background:#fff8f4}
#rclc .rclc-f.rclc-bad .rclc-err{display:block}
#rclc .rclc-hint.rclc-bad{color:#c2410c}
#rclc .rclc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
#rclc .rclc-go{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#c9935a,var(--lc-cu-d));color:#fff;border-radius:12px;
  padding:12px 16px;font-size:15px;font-weight:600;box-shadow:0 6px 16px rgba(189,132,76,.32);transition:transform .15s,box-shadow .2s,opacity .2s}
#rclc .rclc-go:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(189,132,76,.38)}
#rclc .rclc-go[disabled]{opacity:.6;transform:none;cursor:default}
#rclc .rclc-go svg{width:17px;height:17px;fill:#fff}
#rclc .rclc-note{margin:10px 2px 0;font-size:11.5px;color:#9a9fa4;text-align:center;line-height:1.4}
#rclc .rclc-gerr{display:none;margin:0 0 10px;padding:9px 11px;border-radius:10px;background:#fff1ea;color:#b4441b;font-size:13px;line-height:1.4}
#rclc .rclc-gerr.rclc-show{display:block}
#rclc .rclc-alt{display:flex;gap:8px;margin-top:12px}
#rclc .rclc-alt a{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:11px;background:#fff;border:1px solid var(--lc-ln);
  color:var(--lc-ink);font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}
#rclc .rclc-alt a:hover{border-color:var(--lc-cu);color:var(--lc-cu-d)}
#rclc .rclc-alt svg{width:15px;height:15px;fill:var(--lc-cu)}

/* thread */
#rclc .rclc-msg{display:flex;gap:8px;margin:0 0 10px;align-items:flex-end;animation:rclc-up .25s ease both}
#rclc .rclc-msg .rclc-av{width:28px;height:28px;font-size:11px}
#rclc .rclc-msg .rclc-av i{display:none}
#rclc .rclc-bub{max-width:78%;padding:9px 13px;border-radius:16px;font-size:14.5px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
#rclc .rclc-bub a{color:inherit;text-decoration:underline}
#rclc .rclc-meta{display:block;margin-top:3px;font-size:11px;opacity:.7}
#rclc .rclc-agent .rclc-bub{background:#fff;color:var(--lc-ink);border:1px solid var(--lc-ln);border-bottom-left-radius:5px}
#rclc .rclc-agent .rclc-name{display:block;font-size:11.5px;font-weight:600;color:var(--lc-cu-d);margin-bottom:2px}
#rclc .rclc-me{justify-content:flex-end}
#rclc .rclc-me .rclc-bub{background:linear-gradient(145deg,#c58f57,var(--lc-cu-d));color:#fff;border-bottom-right-radius:5px}
#rclc .rclc-me.rclc-pending .rclc-bub{opacity:.65}
#rclc .rclc-sys{margin:6px 0 12px;text-align:center;font-size:12px;color:var(--lc-mut);line-height:1.4}
#rclc .rclc-sys span{display:inline-block;background:#efebe5;border-radius:12px;padding:5px 11px}
#rclc .rclc-closed{margin:8px 0 6px;text-align:center}
#rclc .rclc-closed .rclc-go{display:inline-flex;width:auto;padding:9px 16px;font-size:14px}

#rclc .rclc-foot{flex:0 0 auto;display:flex;gap:8px;align-items:flex-end;padding:10px 12px 12px;background:#fff;border-top:1px solid var(--lc-ln)}
#rclc .rclc-foot textarea{flex:1 1 auto;resize:none;max-height:110px;min-height:44px;height:44px;border:1px solid #e3dcd2;border-radius:14px;background:#fbfaf8;padding:11px 13px;
  font-size:14.5px;line-height:1.4;color:var(--lc-ink);outline:0;box-shadow:none;transition:border-color .2s,box-shadow .2s}
#rclc .rclc-foot textarea:focus{border-color:var(--lc-cu);background:#fff;box-shadow:0 0 0 3px rgba(189,132,76,.14)}
#rclc .rclc-send{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#c9935a,var(--lc-cu-d));display:flex;align-items:center;justify-content:center;
  box-shadow:0 5px 14px rgba(189,132,76,.35);transition:transform .15s,opacity .2s}
#rclc .rclc-send:hover{transform:scale(1.06)}
#rclc .rclc-send[disabled]{opacity:.45;transform:none}
#rclc .rclc-send svg{width:19px;height:19px;fill:#fff;margin-left:2px}
#rclc .rclc-brand{flex:0 0 auto;text-align:center;font-size:10.5px;color:#a7acb1;padding:0 0 8px;background:#fff;letter-spacing:.03em}

/* phones: the panel becomes a full-screen sheet */
@media (max-width:640px){
  #rclc{--lc-side:14px}
  #rclc .rclc-launch{width:56px;height:56px}
  #rclc .rclc-launch svg{width:25px;height:25px}
  #rclc .rclc-teaser{bottom:70px;width:min(260px,calc(100vw - 40px))}
  #rclc.rclc-open .rclc-launch{display:none}
  #rclc.rclc-open .rclc-teaser{display:none}
  #rclc .rclc-panel{position:fixed;inset:0;width:auto;height:100%;max-height:none;border-radius:0;z-index:100001;animation:rclc-sheet .3s ease both}
  @keyframes rclc-sheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  #rclc .rclc-head{padding:14px 14px 16px;padding-top:max(14px,env(safe-area-inset-top))}
  #rclc .rclc-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  #rclc .rclc-f input,#rclc .rclc-f textarea,#rclc .rclc-foot textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){#rclc *{animation:none!important;transition:none!important}}
