/* «هم‌قدم» chat widget (tanakoora-admin 1.37.0). Tanakoora colours: red #ec282a, navy #1b2845; the site font.
   Every selector starts with #tk-hq-root so the theme's button/input styles cannot override it. */
#tk-hq-root button{margin:0;padding:0;min-height:0;line-height:1.4;text-transform:none;letter-spacing:normal;box-shadow:none;font:inherit}
#tk-hq-root{--hq-red:#ec282a;--hq-navy:#1b2845;--hq-bg:#f4f5f7;--hq-line:#e5e7eb;font-family:inherit}
#tk-hq-root .tk-hq-btn{position:fixed;right:18px;bottom:18px;z-index:9990;width:62px;height:62px;border:0;border-radius:50%;background:transparent;color:#fff;
  box-shadow:0 10px 24px rgba(236,40,42,.38),0 3px 8px rgba(27,40,69,.18);cursor:pointer;display:grid;place-items:center;transition:transform .15s ease}
#tk-hq-root .tk-hq-logo{display:block;width:62px;height:62px}
#tk-hq-root .tk-hq-btn:hover{transform:scale(1.06)}#tk-hq-root .tk-hq-btn:focus-visible{outline:3px solid var(--hq-navy);outline-offset:3px}
#tk-hq-root .tk-hq-badge{position:absolute;top:-2px;left:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--hq-navy);color:#fff;
  font-size:12px;line-height:20px;text-align:center;border:2px solid #fff}
#tk-hq-root .tk-hq-badge[hidden]{display:none}
#tk-hq-root .tk-hq{position:fixed;right:18px;bottom:88px;z-index:9991;width:370px;height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;
  background:#fff;border-radius:18px;box-shadow:0 16px 48px rgba(27,40,69,.28);direction:rtl;text-align:right;overflow:hidden;font-size:14px;line-height:1.8;color:#1f2937}
#tk-hq-root .tk-hq[hidden],#tk-hq-root .tk-hq [hidden]{display:none!important}
#tk-hq-root .tk-hq,#tk-hq-root .tk-hq *{box-sizing:border-box}
#tk-hq-root .tk-hq__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;background:var(--hq-navy);color:#fff}
#tk-hq-root .tk-hq__head strong{display:block;font-size:15px}#tk-hq-root .tk-hq__head span{display:block;font-size:12px;opacity:.8}
#tk-hq-root .tk-hq__head span::before{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#34d399;vertical-align:middle}
#tk-hq-root .tk-hq__x{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:16px;cursor:pointer}
#tk-hq-root .tk-hq__tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--hq-line)}
#tk-hq-root .tk-hq__tabs button{flex:1;min-height:38px;border:1px solid var(--hq-line);border-radius:999px;background:#fff;color:var(--hq-navy);font:inherit;font-size:13px;cursor:pointer}
#tk-hq-root .tk-hq__tabs [aria-selected=true]{background:var(--hq-navy);border-color:var(--hq-navy);color:#fff}
#tk-hq-root .tk-hq__pane{flex:1;display:flex;flex-direction:column;min-height:0}
#tk-hq-root .tk-hq__log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--hq-bg);overscroll-behavior:contain}
#tk-hq-root .tk-hq__m{margin:0;max-width:82%;padding:9px 13px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word}
#tk-hq-root .tk-hq__m.is-op{align-self:flex-start;background:#fff;border:1px solid var(--hq-line);border-top-right-radius:4px}
#tk-hq-root .tk-hq__m.is-me{align-self:flex-end;background:var(--hq-red);color:#fff;border-top-left-radius:4px}
#tk-hq-root .tk-hq__m small{display:block;font-size:11px;opacity:.7}
#tk-hq-root .tk-hq__m.is-wait{opacity:.6}
#tk-hq-root .tk-hq__ask{padding:10px 12px;background:#fff8e6;border-top:1px solid #fde68a;font-size:12px}
#tk-hq-root .tk-hq__ask span{display:flex;gap:6px;margin-top:6px}
#tk-hq-root .tk-hq__ask input{flex:1;min-width:0;height:40px;padding:0 10px;border:1px solid var(--hq-line);border-radius:10px;font-size:16px}
#tk-hq-root .tk-hq__ask button{height:40px;padding:0 14px;border:0;border-radius:10px;background:var(--hq-navy);color:#fff;font:inherit;cursor:pointer}
#tk-hq-root .tk-hq__compose{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--hq-line);background:#fff}
#tk-hq-root .tk-hq__compose textarea{flex:1;min-height:44px;max-height:140px;overflow-y:hidden;scrollbar-width:none;transition:height .12s ease;padding:10px 12px;border:1px solid var(--hq-line);border-radius:22px;resize:none;
  font:inherit;font-size:16px;line-height:1.5;background:var(--hq-bg)}
#tk-hq-root .tk-hq__compose textarea:focus{outline:none;border-color:var(--hq-navy);background:#fff}
#tk-hq-root .tk-hq__compose textarea::-webkit-scrollbar{display:none}
#tk-hq-root .tk-hq__compose button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--hq-red);color:#fff;cursor:pointer;display:grid;place-items:center}
#tk-hq-root .tk-hq__links{display:flex;justify-content:center;gap:18px;padding:0 12px 10px;background:#fff;font-size:12px}
#tk-hq-root .tk-hq__links a{color:var(--hq-navy);text-decoration:none}
#tk-hq-root .tk-hq__req{overflow-y:auto;padding:14px;gap:10px}
#tk-hq-root .tk-hq__req label{display:flex;flex-direction:column;gap:4px;font-size:13px}
#tk-hq-root .tk-hq__req input,#tk-hq-root .tk-hq__req select{width:100%;height:44px;padding:0 10px;border:1px solid var(--hq-line);border-radius:10px;font:inherit;font-size:16px;background:#fff}
#tk-hq-root .tk-hq__req summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;
  border:1px dashed var(--hq-navy);border-radius:12px;background:#f6f8fc;color:var(--hq-navy);font-size:13px;font-weight:600;cursor:pointer}
#tk-hq-root .tk-hq__req summary::-webkit-details-marker{display:none}
#tk-hq-root .tk-hq__req summary::after{content:"";flex:none;width:8px;height:8px;margin-top:-4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease}
#tk-hq-root .tk-hq__req details[open] summary{border-style:solid;background:#eef2fa}
#tk-hq-root .tk-hq__req details[open] summary::after{margin-top:4px;transform:rotate(135deg)}
#tk-hq-root .tk-hq__req .tk-req__more{display:flex;flex-direction:column;gap:10px;margin-top:10px}
#tk-hq-root .tk-hq__req .tk-req__note{margin:0;font-size:11px;color:#6b7280}
#tk-hq-root .tk-hq__send{min-height:46px;border:0;border-radius:12px;background:var(--hq-red);color:#fff;font:inherit;font-weight:700;cursor:pointer}
#tk-hq-root .tk-hq__send[disabled]{opacity:.6}
#tk-hq-root .tk-hq__msg{margin:0;padding:9px 12px;border-radius:10px;background:#fef2f2;color:#991b1b}#tk-hq-root .tk-hq__msg.is-ok{background:#ecfdf5;color:#065f46}
#tk-hq-root .tk-req__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Tablets/phones: above WoodMart's bottom toolbar. Phones: a full-screen sheet; 16px inputs stop iOS from zooming. */
@media (max-width:1024px){#tk-hq-root .tk-hq-btn{bottom:calc(70px + env(safe-area-inset-bottom))}#tk-hq-root .tk-hq{bottom:calc(140px + env(safe-area-inset-bottom))}}
@media (max-width:600px){
  #tk-hq-root .tk-hq{top:0;right:0;bottom:auto;left:0;width:100%;height:100%;height:100dvh;border-radius:0}
  #tk-hq-root .tk-hq__head{padding-top:calc(14px + env(safe-area-inset-top))}
  #tk-hq-root .tk-hq__compose,#tk-hq-root .tk-hq__links{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  html.tk-hq-lock,html.tk-hq-lock body{overflow:hidden}
  html.tk-hq-lock #tk-hq-root .tk-hq-btn{display:none}
}
@media (prefers-reduced-motion:reduce){#tk-hq-root .tk-hq-btn{transition:none}}

/* 1.38.0 attention (owner: like Goftino): a soft ring and a hop while the teaser line is up; nothing after ~40 s. */
#tk-hq-root .tk-hq-btn::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--hq-red);opacity:0;z-index:-1;pointer-events:none}
#tk-hq-root.is-nudge .tk-hq-btn::before{animation:tkhq-ring 2.4s ease-out infinite}
#tk-hq-root .tk-hq-btn.is-hop .tk-hq-logo{animation:tkhq-hop 1.3s ease both}
@keyframes tkhq-ring{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.75);opacity:0}}
@keyframes tkhq-hop{0%,100%{transform:translateY(0) rotate(0)}18%{transform:translateY(-9px) rotate(-9deg)}36%{transform:translateY(0) rotate(7deg)}52%{transform:translateY(-4px) rotate(-4deg)}68%{transform:translateY(0) rotate(0)}}
#tk-hq-root .tk-hq-tease{position:fixed;right:92px;bottom:24px;z-index:9990;display:flex;align-items:flex-start;gap:4px;max-width:270px;padding:10px 12px 10px 8px;
  background:#fff;border:1px solid var(--hq-line);border-radius:16px 16px 4px 16px;box-shadow:0 10px 30px rgba(27,40,69,.18);direction:rtl;animation:tkhq-in .45s ease both}
#tk-hq-root .tk-hq-tease[hidden]{display:none}
#tk-hq-root .tk-hq-tease__t{flex:1;border:0;background:none;color:#1f2937;text-align:right;font-size:13px;line-height:1.8;cursor:pointer;font-weight:600}
#tk-hq-root .tk-hq-tease__x{flex:none;width:22px;height:22px;border:0;border-radius:50%;background:var(--hq-bg);color:#6b7280;font-size:15px;line-height:22px;cursor:pointer}
@keyframes tkhq-in{from{opacity:0;transform:translateX(12px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:1024px){#tk-hq-root .tk-hq-tease{bottom:calc(76px + env(safe-area-inset-bottom));max-width:min(270px,calc(100vw - 112px))}}
@media (prefers-reduced-motion:reduce){#tk-hq-root.is-nudge .tk-hq-btn::before,#tk-hq-root .tk-hq-btn.is-hop .tk-hq-logo,#tk-hq-root .tk-hq-tease{animation:none}}