.wrchat{--mc-main:#1f4e4a;--mc-acc:#d98c2b;position:fixed;bottom:20px;z-index:2147483000;font-family:inherit;font-size:14px;line-height:1.7;color:#1d2327;direction:rtl}
.wrchat-left{left:20px}.wrchat-right{right:20px}
.wrchat *{box-sizing:border-box}
.wrchat-launch{width:60px;height:60px;border-radius:50%;border:0;background:var(--mc-acc);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.25);position:relative;transition:transform .15s}
.wrchat-launch:hover{transform:scale(1.06)}
.wrchat.is-open .wrchat-launch{background:var(--mc-main)}
.wrchat-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#d63638;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}
.wrchat-panel{position:absolute;bottom:74px;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 110px);background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}
.wrchat-left .wrchat-panel{left:0}.wrchat-right .wrchat-panel{right:0}
.wrchat-panel[hidden],.wrchat [hidden]{display:none!important}
.wrchat-head{background:var(--mc-main);color:#fff;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:6px}
.wrchat-htext{flex:1;min-width:0}.wrchat-title{font-weight:700;font-size:15px}
.wrchat-state{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}
.wrchat-state:before{content:"";width:8px;height:8px;border-radius:50%;background:#bbb;display:inline-block}
.wrchat-st-on:before{background:#4ade80}.wrchat-st-hours:before{background:#fbbf24}.wrchat-st-off:before{background:#f87171}
.wrchat-x{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.wrchat-test{width:100%;font-size:11px;background:rgba(255,255,255,.15);border-radius:6px;padding:2px 8px}
.wrchat-body{flex:1;overflow-y:auto;padding:14px;background:#f4f6f6}
.wrchat-msgs{display:flex;flex-direction:column;gap:8px}
.wrchat-m{max-width:85%;padding:8px 12px;border-radius:14px;word-wrap:break-word;white-space:pre-wrap}
.wrchat-v{align-self:flex-start;background:var(--mc-main);color:#fff;border-bottom-right-radius:4px}
.wrchat-a,.wrchat-s{align-self:flex-end;background:#fff;border:1px solid #e3e7e7;border-bottom-left-radius:4px}
.wrchat-s{background:#fff8ec;border-color:#f3dfbd}
.wrchat-who{font-size:11px;font-weight:700;color:var(--mc-acc);margin-bottom:2px}
.wrchat-time{font-size:10px;opacity:.65;text-align:left;margin-top:2px;direction:ltr}
.wrchat-pre{padding:12px 16px;border-top:1px solid #eee;background:#fff}
.wrchat-pre-t{margin:0 0 8px;font-size:12.5px;color:#50575e}
.wrchat-pre label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.wrchat-pre input{display:block;width:100%;margin-top:3px;padding:9px 10px;border:1px solid #cfd6d6;border-radius:8px;font:inherit;font-size:14px;background:#fff;color:#1d2327}
.wrchat-pre input:focus,.wrchat-form textarea:focus{outline:2px solid var(--mc-acc);outline-offset:0;border-color:transparent}
.wrchat-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.wrchat-go{width:100%;background:var(--mc-acc);color:#fff;border:0;border-radius:8px;padding:10px;font:inherit;font-weight:700;cursor:pointer}
.wrchat-go:disabled,.wrchat-send:disabled{opacity:.6;cursor:wait}
.wrchat-form{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid #eee;background:#fff}
.wrchat-form textarea{flex:1;resize:none;border:1px solid #cfd6d6;border-radius:10px;padding:9px 10px;font:inherit;font-size:14px;max-height:110px;min-height:40px;background:#fff;color:#1d2327}
.wrchat-send{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:0;background:var(--mc-acc);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.wrchat-err{color:#b32d2e;font-size:12px;margin:0 0 8px}
.wrchat-ferr{padding:6px 12px 0;margin:0;background:#fff}
@media (max-width:480px){
  .wrchat{bottom:14px}.wrchat-left{left:14px}.wrchat-right{right:14px}
  .wrchat-launch{width:54px;height:54px}
  .wrchat.is-open{left:0;right:0;bottom:0}
  .wrchat.is-open .wrchat-launch{display:none}
  .wrchat-panel{position:fixed;inset:0;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;border-radius:0}
  .wrchat-form textarea,.wrchat-pre input{font-size:16px}
}


/* ---------- avatars ---------- */
.wrchat-team{display:flex;align-items:center;position:relative;margin-left:10px;order:-1}
.wrchat-head{align-items:center}
.wrchat-team img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--mc-main);margin-left:-12px;background:#fff}
.wrchat-team img:last-of-type{margin-left:0}
.wrchat-dot{position:absolute;bottom:1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#4ade80;border:2px solid var(--mc-main)}
.wrchat-arow{display:flex;align-items:flex-end;gap:7px;align-self:flex-end;max-width:92%;flex-direction:row-reverse}
.wrchat-arow .wrchat-m{max-width:100%}
.wrchat-av{width:30px;height:30px;flex:0 0 30px;border-radius:50%;object-fit:cover;background:var(--mc-acc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
/* ---------- launcher animation ---------- */
.wrchat-launch{animation:wrchat-in .6s cubic-bezier(.34,1.56,.64,1) .8s backwards}
.wrchat-launch:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--mc-acc);z-index:-1;animation:wrchat-pulse 2.4s ease-out infinite;animation-delay:2s}
.wrchat.is-open .wrchat-launch:before{animation:none;opacity:0}
.wrchat-launch svg{position:absolute;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s}
.wrchat-ic-x{opacity:0;transform:rotate(-90deg) scale(.5)}
.wrchat.is-open .wrchat-ic-chat{opacity:0;transform:rotate(90deg) scale(.5)}
.wrchat.is-open .wrchat-ic-x{opacity:1;transform:none}
.wrchat.is-teasing .wrchat-launch{animation:wrchat-wiggle 1.2s ease-in-out .2s 2}
.wrchat-badge{animation:wrchat-in .4s cubic-bezier(.34,1.56,.64,1)}
/* ---------- panel & messages ---------- */
.wrchat-panel:not([hidden]){animation:wrchat-open .32s cubic-bezier(.2,.9,.3,1.15) both}
.wrchat-left .wrchat-panel{transform-origin:bottom left}.wrchat-right .wrchat-panel{transform-origin:bottom right}
.wrchat-msgs>*{animation:wrchat-msg .3s ease-out both}
/* ---------- teaser ---------- */
.wrchat-teaser{position:absolute;bottom:72px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px 10px 30px;box-shadow:0 8px 28px rgba(0,0,0,.18);width:max-content;max-width:min(290px,calc(100vw - 40px));cursor:pointer;animation:wrchat-teaser .5s cubic-bezier(.34,1.56,.64,1) both}
.wrchat-left .wrchat-teaser{left:0;border-bottom-left-radius:4px}.wrchat-right .wrchat-teaser{right:0;border-bottom-right-radius:4px}
.wrchat-teaser-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;border:2px solid var(--mc-acc)}
.wrchat-teaser-b{display:flex;flex-direction:column;font-size:13.5px;line-height:1.6}
.wrchat-teaser-b strong{font-size:12px;color:var(--mc-acc)}
.wrchat-teaser-x{position:absolute;top:4px;left:6px;background:none;border:0;font-size:18px;line-height:1;color:#8c8f94;cursor:pointer;padding:2px 4px}
.wrchat.is-open .wrchat-teaser{display:none}
@keyframes wrchat-in{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes wrchat-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
@keyframes wrchat-wiggle{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}}
@keyframes wrchat-open{0%{opacity:0;transform:translateY(16px) scale(.92)}100%{opacity:1;transform:none}}
@keyframes wrchat-msg{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes wrchat-teaser{0%{opacity:0;transform:translateY(12px) scale(.85)}100%{opacity:1;transform:none}}
@media (max-width:480px){.wrchat-teaser{bottom:66px}}
@media (prefers-reduced-motion:reduce){.wrchat *,.wrchat *:before{animation:none!important;transition:none!important}}
/* ---------- theme override guard (site theme styles all <button>) ---------- */
.wrchat button{margin:0!important;min-width:0!important;min-height:0!important;text-transform:none!important;letter-spacing:normal!important;font-family:inherit!important;box-sizing:border-box!important}
.wrchat .wrchat-launch,.wrchat .wrchat-launch:hover,.wrchat .wrchat-launch:focus{border-radius:50%!important;padding:0!important;background:var(--mc-acc)!important;width:60px!important;height:60px!important;border:0!important;color:#fff!important}
.wrchat.is-open .wrchat-launch,.wrchat.is-open .wrchat-launch:hover{background:var(--mc-main)!important}
.wrchat .wrchat-x,.wrchat .wrchat-x:hover,.wrchat .wrchat-x:focus{background:none!important;padding:0 4px!important;width:auto!important;height:auto!important;border-radius:0!important;border:0!important;color:#fff!important;font-size:26px!important;line-height:1!important;box-shadow:none!important}
.wrchat .wrchat-teaser-x,.wrchat .wrchat-teaser-x:hover,.wrchat .wrchat-teaser-x:focus{background:none!important;padding:2px 4px!important;width:auto!important;height:auto!important;border-radius:0!important;border:0!important;color:#8c8f94!important;font-size:18px!important;line-height:1!important;box-shadow:none!important}
.wrchat .wrchat-send,.wrchat .wrchat-send:hover,.wrchat .wrchat-send:focus{border-radius:50%!important;padding:0!important;background:var(--mc-acc)!important;width:42px!important;height:42px!important;border:0!important;color:#fff!important}
.wrchat .wrchat-go,.wrchat .wrchat-go:hover,.wrchat .wrchat-go:focus{border-radius:8px!important;padding:10px!important;background:var(--mc-acc)!important;height:auto!important;line-height:1.6!important;border:0!important;color:#fff!important;font-size:15px!important}
.wrchat img.wrchat-av,.wrchat .wrchat-team img,.wrchat .wrchat-teaser-av{border-radius:50%!important;max-width:none!important;padding:0!important}
.wrchat .wrchat-launch:before{border-radius:50%!important}
@media (max-width:480px){.wrchat .wrchat-launch,.wrchat .wrchat-launch:hover{width:54px!important;height:54px!important}}
/* property card, typing, seen */
.wrchat-prop{display:flex;gap:10px;background:#fff;border:1px solid #e3e7e7;border-radius:12px;padding:8px;align-self:stretch;animation:wrchat-msg .3s ease-out both}
.wrchat .wrchat-prop img{width:84px;height:70px;object-fit:cover;border-radius:8px!important;flex:0 0 84px;max-width:none!important}
.wrchat-prop-b{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12.5px}
.wrchat-prop-b strong{font-size:13px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wrchat-prop-b span{color:#50575e}
.wrchat .wrchat-prop-q,.wrchat .wrchat-prop-q:hover{align-self:flex-start;background:none!important;border:1px solid var(--mc-acc)!important;color:var(--mc-acc)!important;border-radius:14px!important;padding:3px 10px!important;font-size:12px!important;cursor:pointer;height:auto!important;line-height:1.6!important;margin-top:2px!important}
.wrchat-typing{align-self:flex-end;background:#fff;border:1px solid #e3e7e7;border-radius:14px;padding:10px 14px;display:flex;gap:4px}
.wrchat-typing span{width:6px;height:6px;border-radius:50%;background:#9aa4a4;animation:wrchat-dot 1.2s infinite ease-in-out}
.wrchat-typing span:nth-child(2){animation-delay:.15s}.wrchat-typing span:nth-child(3){animation-delay:.3s}
@keyframes wrchat-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.wrchat-seen{font-size:10px;opacity:.8;margin-top:2px;text-align:left;direction:rtl}
@media print{.wrchat{display:none}}
/* ---------- offline call-back form + busy card (1.4) ---------- */
.wrchat-pre select,.wrchat-pre textarea,.wrchat-cbcard select{display:block;width:100%;margin-top:3px;padding:8px 10px;border:1px solid #cfd6d6;border-radius:8px;font:inherit;font-size:14px;background:#fff;color:#1d2327;height:auto;resize:none}
.wrchat-pre textarea{min-height:56px}
.wrchat-pre select:focus,.wrchat-pre textarea:focus{outline:2px solid var(--mc-acc);outline-offset:0;border-color:transparent}
.wrchat-pre.is-cb{max-height:62%;overflow-y:auto}
.wrchat-cbcard{position:relative;align-self:stretch;background:#fff;border:1px dashed var(--mc-acc);border-radius:12px;padding:10px 12px;font-size:13px}
.wrchat-cbcard p{margin:0 0 6px;padding-left:18px}
.wrchat-cbcard label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.wrchat-cbrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wrchat .wrchat-cbyes,.wrchat .wrchat-cbyes:hover,.wrchat .wrchat-cbyes:focus{background:var(--mc-acc)!important;color:#fff!important;border:0!important;border-radius:16px!important;padding:5px 12px!important;font-size:12.5px!important;height:auto!important;line-height:1.6!important;cursor:pointer}
.wrchat .wrchat-cbyes:disabled{opacity:.6;cursor:wait}
.wrchat-cbwa{display:inline-block;background:#25d366;color:#fff!important;border-radius:16px;padding:5px 12px;font-size:12.5px;text-decoration:none!important;line-height:1.6}
.wrchat .wrchat-cbx,.wrchat .wrchat-cbx:hover,.wrchat .wrchat-cbx:focus{position:absolute;top:4px;left:6px;background:none!important;border:0!important;padding:0 4px!important;width:auto!important;height:auto!important;color:#8c8f94!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
@media (max-width:480px){.wrchat-pre select,.wrchat-pre textarea{font-size:16px}}
/* ---------- 1.5: bolder teaser, anonymous call-back phone ---------- */
.wrchat-teaser-b span{font-weight:700;color:#1d2327;font-size:14.5px;line-height:1.7}
.wrchat-teaser-b strong{font-size:12.5px;font-weight:800}
.wrchat-teaser{border:2px solid var(--mc-acc);padding:12px 14px 12px 32px}
.wrchat-cbcard input.wrchat-cbph{display:block;width:100%;margin-top:3px;padding:8px 10px;border:1px solid #cfd6d6;border-radius:8px;font:inherit;font-size:14px;background:#fff;color:#1d2327}
@media (max-width:480px){.wrchat-cbcard input.wrchat-cbph{font-size:16px}}
/* ---------- 1.7: quick questions, no-flash loading, better phone view ---------- */
.wrchat-quick{display:flex;flex-wrap:wrap;gap:6px;align-self:stretch;justify-content:flex-start}
.wrchat .wrchat-qbtn,.wrchat .wrchat-qbtn:hover,.wrchat .wrchat-qbtn:focus{background:#fff!important;border:1.5px solid var(--mc-acc)!important;color:var(--mc-acc)!important;border-radius:18px!important;padding:6px 12px!important;font-size:13px!important;font-weight:600;line-height:1.5!important;height:auto!important;cursor:pointer;box-shadow:none!important}
.wrchat .wrchat-qbtn:active{background:var(--mc-acc)!important;color:#fff!important}
.wrchat.is-loading .wrchat-body:after{content:"";display:block;width:22px;height:22px;margin:14px auto 0;border:3px solid #e3e7e7;border-top-color:var(--mc-acc);border-radius:50%;animation:wrchat-spin .8s linear infinite}
@keyframes wrchat-spin{to{transform:rotate(360deg)}}
html.wrchat-lock,html.wrchat-lock body{overflow:hidden!important;overscroll-behavior:none}
@media (max-width:480px){
  .wrchat-panel{top:0;bottom:auto!important;animation:none!important}
  .wrchat-head{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}
  .wrchat-team img{width:32px;height:32px}
  .wrchat-title{font-size:14.5px}
  .wrchat .wrchat-x,.wrchat .wrchat-x:hover{font-size:30px!important;padding:4px 8px!important}
  .wrchat-body{padding:12px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .wrchat-m{max-width:88%;font-size:15px}
  .wrchat-form{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .wrchat .wrchat-send,.wrchat .wrchat-send:hover{width:46px!important;height:46px!important;flex-basis:46px}
  .wrchat-form textarea{min-height:46px;font-size:16px}
  .wrchat-pre{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .wrchat-pre input{padding:11px 12px}
}
.wrchat-sending{opacity:.55}.wrchat-txt bdi{unicode-bidi:isolate;direction:ltr}

/* ---------- وب رابین: فرم شروع گفتگو، راحت و خوانا روی موبایل ---------- */
.wrchat-panel:has(.wrchat-pre:not([hidden])) .wrchat-body{flex:0 1 auto;max-height:36%;min-height:90px}
.wrchat .wrchat-pre{flex:1 1 auto;overflow-y:auto;max-height:none;padding:14px 16px 12px;display:flex;flex-direction:column;gap:12px;background:#fff;-webkit-overflow-scrolling:touch}
.wrchat .wrchat-pre.is-cb{max-height:none}
.wrchat .wrchat-pre>*,.wrchat .wrchat-cbf>*{flex-shrink:0}
.wrchat .wrchat-pre-t{margin:0;font-size:13px;line-height:1.8;color:#3c434a;background:#f5f3ff;border-radius:10px;padding:8px 12px}
.wrchat .wrchat-pre label{margin:0;font-size:13.5px;font-weight:700;color:#1d2327}
.wrchat .wrchat-cbf{display:flex;flex-direction:column;gap:12px}
.wrchat .wrchat-pre input:not(.wrchat-hp),.wrchat .wrchat-pre select,.wrchat .wrchat-pre textarea{display:block;margin-top:6px;width:100%;min-height:48px;height:auto;padding:12px 14px;border:1.5px solid #dcdfe6;border-radius:12px;background:#f9fafb;font:inherit;font-size:16px;line-height:1.5;color:#1d2327;box-shadow:none;transition:border-color .15s,background .15s,box-shadow .15s}
.wrchat .wrchat-pre textarea{min-height:92px;resize:vertical}
.wrchat .wrchat-pre input::placeholder,.wrchat .wrchat-pre textarea::placeholder{color:#9aa0a6;opacity:1}
.wrchat .wrchat-pre input[name=phone]{direction:ltr;text-align:left;letter-spacing:.4px}
.wrchat .wrchat-pre input[name=phone]:placeholder-shown{direction:rtl;text-align:right;letter-spacing:0}
.wrchat .wrchat-pre input:not(.wrchat-hp):focus,.wrchat .wrchat-pre select:focus,.wrchat .wrchat-pre textarea:focus{outline:none;border-color:var(--mc-main);background:#fff;box-shadow:0 0 0 3px rgba(91,60,196,.15)}
.wrchat .wrchat-pre input:user-invalid{border-color:#e8574c;background:#fff8f7}
.wrchat .wrchat-pre .wrchat-err{margin:0;padding:8px 12px;border-radius:10px;background:#fff1f0;font-size:13px}
.wrchat .wrchat-pre .wrchat-go,.wrchat .wrchat-pre .wrchat-go:hover,.wrchat .wrchat-pre .wrchat-go:focus{position:sticky;bottom:0;flex-shrink:0;min-height:50px!important;border-radius:12px!important;padding:12px!important;font-size:16px!important;box-shadow:0 -8px 0 8px #fff,0 4px 14px rgba(232,87,76,.35)!important}
@media (max-width:480px){
  .wrchat-panel:has(.wrchat-pre:not([hidden])) .wrchat-body{max-height:30%}
  .wrchat .wrchat-pre{padding:12px 14px max(12px,env(safe-area-inset-bottom));gap:14px}
}