/* ZXACC support button + menu (always loaded, small). The chat window
   styles are in live-chat-widget.css, loaded only when the chat opens. */
/* ZXACC live chat — visitor widget v2
   4 themes (paper · night · sky · clay) share one set of tokens. */

/* ------------------------------------------------ support button + menu
   Same menu as before (AI assistant · live chat · Telegram) in the site
   palette: the same headset icon as before on an ink-navy button. */
.zxsf{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));z-index:9990;direction:rtl;font-family:"Vazirmatn",Tahoma,sans-serif}
.zxsf--left{left:max(20px,env(safe-area-inset-left))}
.zxsf--right{right:max(20px,env(safe-area-inset-right))}
.zxsf *,.zxsf *::before,.zxsf *::after{box-sizing:border-box}
.zxsf svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zxsf__btn{position:relative;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#F9F5EC;
  background:linear-gradient(150deg,#355E88,#0f2a44 72%);box-shadow:0 16px 28px -14px rgba(15,42,68,.8),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-radius .3s;-webkit-tap-highlight-color:transparent}
.zxsf__btn::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,197,61,.55);opacity:0;animation:zxsfHalo 3.2s ease-out infinite}
@keyframes zxsfHalo{0%{opacity:.9;transform:scale(.92)}60%,100%{opacity:0;transform:scale(1.14)}}
.zxsf__btn:hover{transform:translateY(-3px)}
.zxsf__btn:focus-visible{outline:3px solid #FFC53D;outline-offset:3px}
.zxsf__btn svg{position:absolute;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s}
.zxsf__btn .i-open{width:25px;height:25px}
.zxsf__btn .i-x{width:24px;height:24px;stroke-width:2.4;opacity:0;transform:rotate(-90deg) scale(.6)}
.zxsf.is-open .zxsf__btn .i-open,.zxlc-is-open .zxsf__btn .i-open{opacity:0;transform:rotate(90deg) scale(.6)}
.zxsf.is-open .zxsf__btn .i-x,.zxlc-is-open .zxsf__btn .i-x{opacity:1;transform:none}
.zxsf.is-open .zxsf__btn::before,.zxlc-is-open .zxsf__btn::before{animation:none;opacity:0}
.zxsf__dot{position:absolute;top:5px;inset-inline-end:5px;width:11px;height:11px;border-radius:50%;background:#35c07a;border:2.5px solid #0f2a44;z-index:1}
.zxlc-loading .zxsf__btn{animation:zxsfWait 1s ease-in-out infinite}
@keyframes zxsfWait{50%{transform:scale(.94)}}
.zxsf__badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e2573a;color:#fff;font:900 11px/20px "Vazirmatn",Tahoma,sans-serif;text-align:center}
.zxsf__badge[hidden]{display:none}
.zxsf__badge--btn{position:absolute;top:-7px;inset-inline-start:-7px;box-shadow:0 0 0 3px #F9F5EC;z-index:2}
.zxsf__panel{position:absolute;bottom:72px;width:252px;padding:12px;border-radius:20px;background:#fffdf8;border:1px solid #ebe2cf;
  box-shadow:0 26px 44px -18px rgba(15,42,68,.45);opacity:0;transform:translateY(10px) scale(.94);pointer-events:none;
  transition:opacity .2s ease,transform .3s cubic-bezier(.2,.9,.25,1)}
.zxsf--left .zxsf__panel{left:0;transform-origin:bottom left}
.zxsf--right .zxsf__panel{right:0;transform-origin:bottom right}
.zxsf.is-open .zxsf__panel{opacity:1;transform:none;pointer-events:auto}
.zxsf__arrow{position:absolute;bottom:-7px;width:14px;height:14px;background:#fffdf8;border-right:1px solid #ebe2cf;border-bottom:1px solid #ebe2cf;transform:rotate(45deg);border-radius:0 0 4px 0}
.zxsf--left .zxsf__arrow{left:22px}.zxsf--right .zxsf__arrow{right:22px}
.zxsf__head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}
.zxsf__title{font-size:13px;font-weight:900;color:#0f2a44}
.zxsf__close{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:9px;background:#f3eee3;color:#5d6f82;cursor:pointer}
.zxsf__close svg{width:12px;height:12px;stroke-width:2.6}
.zxsf__list{display:grid;gap:6px}
.zxsf__row{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:13px;background:transparent;text-align:right;text-decoration:none!important;font-family:inherit;color:#203852;
  opacity:0;transform:translateY(6px);transition:background .2s,opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
.zxsf.is-open .zxsf__row{opacity:1;transform:none}
.zxsf.is-open .zxsf__row:nth-child(2){transition-delay:.04s,.05s,.05s}
.zxsf.is-open .zxsf__row:nth-child(3){transition-delay:.08s,.1s,.1s}
.zxsf__row[disabled]{cursor:not-allowed}
.zxsf.is-open .zxsf__row[disabled]{opacity:.55}
.zxsf__row--on{cursor:pointer;background:#f5f0e5}
.zxsf__row--on:hover{background:#ece4d2}
.zxsf__ic{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:#0f2a44;color:#FFC53D}
.zxsf__row[disabled] .zxsf__ic{background:#e9e3d6;color:#5d6f82}
.zxsf__ic.tg{background:#229ED9;color:#fff}
.zxsf__ic svg{width:17px;height:17px}
.zxsf__ic svg .f{fill:currentColor;stroke:none}
.zxsf__tx{flex:1;min-width:0;display:grid;gap:1px}
.zxsf__tx b{font-size:12.5px;font-weight:800;white-space:nowrap}
.zxsf__tx small{font-size:10.5px;color:#6b7688;font-weight:600;text-align:right}
.zxsf__state{display:inline-flex!important;align-items:center;gap:5px}
.zxsf__state i{width:7px;height:7px;border-radius:50%;background:#a3adb8;flex:0 0 auto}
.zxchat-online .zxsf__state i{background:#35c07a}
.zxsf__soon{font-size:9.5px;font-weight:800;color:#8a97a6;background:#eeeae1;border-radius:20px;padding:2px 8px;white-space:nowrap}
.zxsf__row .zxsf__badge{flex:0 0 auto}
@media (max-width:767px){
  .zxsf{bottom:calc(20px + env(safe-area-inset-bottom))}
  .zxsf__btn{width:50px;height:50px}
  .zxsf__btn .i-open{width:23px;height:23px}
  /* sits above the bottom dock (66px bar + 10px gap) with clear space */
  body.has-bottom-nav .zxsf,body:has(#zx-mobile-dock) .zxsf{bottom:calc(88px + env(safe-area-inset-bottom))}
  body.single-product .zxsf{bottom:calc(96px + env(safe-area-inset-bottom))}
  body.woocommerce-cart .zxsf,body.woocommerce-checkout .zxsf{bottom:calc(92px + env(safe-area-inset-bottom))}
  body.nav-open .zxsf{display:none}
  .zxlc-is-open .zxsf{display:none}
}
@media print{.zxsf,.zxlc,.zxlc-nudge{display:none!important}}

/* agent-reply nudge */
.zxlc-nudge{position:fixed;bottom:94px;z-index:9989;max-width:280px;display:grid;gap:3px;padding:12px 16px;border:1px solid #e8dfcc;border-radius:18px 18px 18px 6px;background:#fffdf8;color:#203852;text-align:right;direction:rtl;
  font:600 13px/1.8 "Vazirmatn",Tahoma,sans-serif;box-shadow:0 22px 40px -22px rgba(15,42,68,.6);cursor:pointer;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.zxlc-nudge b{font-size:12px;color:#c48a2c}
.zxlc-nudge--left{left:24px}.zxlc-nudge--right{right:24px;border-radius:18px 18px 6px 18px}
.zxlc-nudge.show{opacity:1;transform:none;pointer-events:auto}

/* request-form flash when the FAQ link jumps there */
.zxlc-flash{animation:zxlcFlash 1.4s ease}
@keyframes zxlcFlash{30%{box-shadow:0 0 0 6px rgba(255,197,61,.55)}}

@media (prefers-reduced-motion:reduce){.zxsf *,.zxsf__btn::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}