/* Czat z Agentem na stronie (core.js) — IDENTYCZNY w obu repo (Socialu: src/www/chat/chat.css, agenco: public/www/chat.css).
   Kolory produktu przez zmienne --wc-* (Socialu: fiolet, agenco: niebieski) ustawiane przez stronę na :root. Bez bibliotek. */
:root {
  --wc-a1: #3164ff; --wc-a2: #9a36ff; --wc-accent: #7c3aed; --wc-accent-ink: #5b21b6; --wc-soft: #f5f3ff; --wc-ring: rgba(124, 58, 237, .35);
  --wc-ink: #18181b; --wc-muted: #71717a; --wc-line: #e4e4e7; --wc-bg: #fff; --wc-bg2: #fafafa; --wc-r: 18px;
  --wc-shadow: 0 24px 60px -18px rgba(24, 24, 27, .28), 0 2px 8px rgba(24, 24, 27, .06);
}
.wchat-widget [hidden], .wchat-panel [hidden], .wchat-ask [hidden] { display: none !important; }
.wchat-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- pole pytania na końcu FAQ ---------- */
.wchat-ask { margin-top: 14px; }
.wchat-ask-form { position: relative; border-radius: var(--wc-r); padding: 18px; background: linear-gradient(var(--wc-bg), var(--wc-bg)) padding-box, linear-gradient(120deg, var(--wc-a1), var(--wc-a2)) border-box; border: 1.5px solid transparent; box-shadow: 0 10px 30px -18px var(--wc-ring); }
.wchat-ask-label { display: flex; align-items: center; gap: 10px; font-weight: 650; font-size: 16px; color: var(--wc-ink); margin: 0 0 12px; line-height: 1.35; }
.wchat-ask-label img { width: 30px; height: 30px; border-radius: 9px; flex: none; }
.wchat-ask-row { display: flex; gap: 8px; }
.wchat-ask-row input { flex: 1; min-width: 0; height: 48px; border-radius: 14px; border: 1px solid var(--wc-line); background: var(--wc-bg2); padding: 0 16px; font: inherit; font-size: 15.5px; color: var(--wc-ink); outline: none; transition: border-color .15s, box-shadow .15s, background .15s; }
.wchat-ask-row input:focus { border-color: var(--wc-accent); background: var(--wc-bg); box-shadow: 0 0 0 4px var(--wc-ring); }
.wchat-ask-btn, .wchat-send, .wchat-cta.is-main { color: #fff; background: linear-gradient(120deg, var(--wc-a1), var(--wc-a2)); border: 0; cursor: pointer; }
.wchat-ask-btn { height: 48px; padding: 0 22px; border-radius: 14px; font: inherit; font-weight: 650; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 8px 20px -10px var(--wc-ring); transition: transform .15s, box-shadow .15s; }
.wchat-ask-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -10px var(--wc-ring); }
.wchat-ask-btn:focus-visible, .wchat-send:focus-visible, .wchat-cta:focus-visible, .wchat-chip:focus-visible, .wchat-fab:focus-visible, .wchat-opt:focus-visible, .wchat-thumb:focus-visible, .wchat-ghost:focus-visible, .wchat-link:focus-visible, .wchat-icon-btn:focus-visible { outline: 3px solid var(--wc-ring); outline-offset: 2px; }
.wchat-ask.is-open .wchat-ask-form { display: none; }
@media (max-width: 520px) { .wchat-ask-row { flex-direction: column; } .wchat-ask-row input { flex: none; width: 100%; } .wchat-ask-btn { justify-content: center; } }

/* wariant „wiersz listy FAQ”: ostatnia pozycja listy pytań — pole w miejscu pytania, „Wyślij” w miejscu „+”; czat rozwija się w tej samej
   liście pod wierszem, na pełną szerokość (jak rozwinięta odpowiedź). Odstępy wiersza: --wc-row-pad (strona ustawia jak pytania). */
.wchat-ask--row { margin: 0; overflow: hidden; }
.wchat-ask--row .wchat-ask-form { display: flex; align-items: center; gap: 12px; border: 0; border-radius: 0; background: none; box-shadow: none; padding: var(--wc-row-pad, 12px 16px 12px 24px); }
.wchat-ask--row .wchat-ask-label { margin: 0; flex: none; }
.wchat-ask--row .wchat-ask-label img { width: 28px; height: 28px; border-radius: 8px; }
.wchat-ask--row .wchat-ask-label span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wchat-ask--row .wchat-ask-row { flex: 1; min-width: 0; align-items: center; }
.wchat-ask--row .wchat-ask-row input { height: 44px; font-weight: 600; font-size: 16px; background: var(--wc-bg2); border-color: transparent; }
.wchat-ask--row .wchat-ask-row input::placeholder { color: var(--wc-muted); font-weight: 600; }
.wchat-ask--row .wchat-ask-btn { height: 40px; padding: 0 16px; border-radius: 12px; font-size: 14px; flex: none; }
.wchat-ask--row .wchat-inline { border: 0; border-top: 1px solid var(--wc-line); border-radius: 0; box-shadow: none; margin: 0; padding: 16px 24px 20px; }
.faq-list:has(> .wchat-ask--row) { overflow: hidden; }
@media (max-width: 520px) {
  .wchat-ask--row .wchat-ask-form { padding: 10px 12px; gap: 8px; }
  .wchat-ask--row .wchat-ask-label img { display: none; }
  .wchat-ask--row .wchat-ask-row { flex-direction: row; }
  .wchat-ask--row .wchat-ask-row input { flex: 1; width: auto; font-size: 15px; }
  .wchat-ask--row .wchat-ask-btn { padding: 0 12px; }
  .wchat-ask--row .wchat-ask-btn svg { display: none; }
  .wchat-ask--row .wchat-inline { padding: 12px; }
}

/* rozwijanie okna czatu pod polem (efekt „dobudowania”) */
.wchat-grow { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .7s cubic-bezier(.16, 1, .3, 1); }
.wchat-ask.is-open .wchat-grow { grid-template-rows: 1fr; }
.wchat-grow-inner { min-height: 0; overflow: hidden; }
.wchat-ask.is-open .wchat-inline { animation: wchat-build .75s cubic-bezier(.16, 1, .3, 1) both; }
@keyframes wchat-build { 0% { opacity: 0; transform: translateY(18px) scale(.965); filter: blur(6px); clip-path: inset(0 0 70% 0 round var(--wc-r)); } 60% { filter: blur(0); } 100% { opacity: 1; transform: none; clip-path: inset(0 0 0 0 round var(--wc-r)); } }

/* ---------- okno rozmowy (w FAQ i w rogu) ---------- */
.wchat-panel { color: var(--wc-ink); font-size: 14.5px; line-height: 1.55; text-align: left; }
.wchat-inline { border-radius: var(--wc-r); background: var(--wc-bg); border: 1px solid var(--wc-line); box-shadow: var(--wc-shadow); padding: 16px; margin: 4px 0 8px; }
.wchat-head { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--wc-line); }
.wchat-head-t { flex: 1 1 auto; min-width: 0; }
.wchat-ghost { flex: none; white-space: nowrap; }
.wchat-name { margin: 0; font-weight: 700; font-size: 15.5px; }
.wchat-role { margin: 0; font-size: 12.5px; color: var(--wc-muted); }
.wchat-ask.is-open .wchat-head .wchat-av { animation: wchat-pop .7s .2s cubic-bezier(.34, 1.56, .64, 1) both; }
@keyframes wchat-pop { 0% { transform: scale(0) rotate(-180deg); opacity: 0; } 100% { transform: none; opacity: 1; } }

.wchat-av { position: relative; flex: none; width: 32px; height: 32px; display: inline-grid; place-items: center; }
.wchat-av img { width: 100%; height: 100%; border-radius: 30%; display: block; position: relative; z-index: 1; }
.wchat-av-lg { width: 42px; height: 42px; }
.wchat-av-xl { width: 64px; height: 64px; }
/* agent myśli / pisze: awatar kręci się, wokół świeci obracający się pierścień */
.wchat-av::before { content: ''; position: absolute; inset: -4px; border-radius: 36%; background: conic-gradient(from 0deg, transparent 0 25%, var(--wc-a1), var(--wc-a2), transparent 75% 100%); opacity: 0; transition: opacity .3s; }
.is-thinking > .wchat-av::before, .wchat-panel.is-busy .wchat-head .wchat-av::before { opacity: 1; animation: wchat-spin 1.1s linear infinite; }
.is-thinking > .wchat-av .wchat-faces, .wchat-panel.is-busy .wchat-head .wchat-av .wchat-faces { animation: wchat-spin 1.6s cubic-bezier(.45, .05, .55, .95) infinite; }
@keyframes wchat-spin { to { transform: rotate(360deg); } }

.wchat-log { display: flex; flex-direction: column; gap: 12px; padding: 14px 2px; max-height: min(460px, 60vh); overflow-y: auto; overscroll-behavior: contain; scroll-behavior: smooth; }
.wchat-msg { display: flex; gap: 10px; align-items: flex-start; transition: opacity .35s, transform .35s cubic-bezier(.16, 1, .3, 1); }
.wchat-msg.is-new { opacity: 0; transform: translateY(8px); }
.wchat-user { justify-content: flex-end; }
.wchat-body { min-width: 0; max-width: 88%; }
.wchat-bub { border-radius: 16px; padding: 10px 14px; overflow-wrap: anywhere; }
.wchat-user .wchat-bub { max-width: 85%; background: linear-gradient(120deg, var(--wc-a1), var(--wc-a2)); color: #fff; border-bottom-right-radius: 6px; white-space: pre-wrap; }
.wchat-agent .wchat-bub { background: var(--wc-bg2); border: 1px solid var(--wc-line); border-top-left-radius: 6px; }
.wchat-agent.is-error .wchat-bub { background: #fffbeb; border-color: #fde68a; }
.wchat-bub p { margin: 0 0 .55em; } .wchat-bub p:last-child { margin-bottom: 0; }
.wchat-bub ul { margin: .2em 0 .55em; padding-left: 1.2em; list-style: disc; } .wchat-bub li { margin: .15em 0; }
.wchat-dots { display: inline-flex; gap: 4px; padding: 4px 0; } .wchat-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--wc-accent); opacity: .35; animation: wchat-dot 1.1s infinite ease-in-out; }
.wchat-dots i:nth-child(2) { animation-delay: .15s; } .wchat-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes wchat-dot { 0%, 80%, 100% { transform: translateY(0); opacity: .35; } 40% { transform: translateY(-5px); opacity: 1; } }
.wchat-caret { display: inline-block; width: 7px; height: 1.05em; margin-left: 2px; vertical-align: -2px; border-radius: 2px; background: var(--wc-accent); animation: wchat-blink 1s steps(2) infinite; }
@keyframes wchat-blink { 50% { opacity: 0; } }

.wchat-after:empty { display: none; }
.wchat-ctas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.wchat-cta { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: 12px; font: inherit; font-weight: 650; font-size: 13.5px; text-decoration: none; color: var(--wc-accent-ink); background: var(--wc-soft); border: 1px solid transparent; cursor: pointer; transition: transform .15s, box-shadow .15s; }
.wchat-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -12px var(--wc-ring); }
.wchat-cta svg, .wchat-link svg, .wchat-ghost svg { width: 16px; height: 16px; }
.wchat-rate { display: flex; align-items: center; gap: 4px; margin-top: 6px; }
.wchat-thumb { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 9px; border: 1px solid transparent; background: transparent; color: var(--wc-muted); cursor: pointer; }
.wchat-thumb svg { width: 16px; height: 16px; } .wchat-thumb:hover { background: var(--wc-soft); color: var(--wc-accent-ink); }
.wchat-thumb[aria-pressed="true"] { background: var(--wc-soft); color: var(--wc-accent-ink); border-color: var(--wc-ring); }
.wchat-thanks { font-size: 12px; color: var(--wc-muted); margin-left: 4px; }

.wchat-sugs { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 2px 10px; }
.wchat-sugs p { width: 100%; margin: 0; font-size: 12px; color: var(--wc-muted); }
.wchat-chip { border: 1px solid var(--wc-line); background: var(--wc-bg); color: var(--wc-ink); border-radius: 999px; padding: 7px 12px; font: inherit; font-size: 13px; cursor: pointer; text-align: left; transition: border-color .15s, background .15s; }
.wchat-chip:hover { border-color: var(--wc-accent); background: var(--wc-soft); }
.wchat-input { display: flex; gap: 8px; align-items: center; border: 1px solid var(--wc-line); border-radius: 16px; padding: 5px 5px 5px 14px; background: var(--wc-bg); transition: border-color .15s, box-shadow .15s; }
.wchat-input:focus-within { border-color: var(--wc-accent); box-shadow: 0 0 0 4px var(--wc-ring); }
.wchat-input input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; color: var(--wc-ink); height: 38px; }
.wchat-send { width: 40px; height: 40px; flex: none; border-radius: 12px; display: inline-grid; place-items: center; }
.wchat-send svg { width: 18px; height: 18px; } .wchat-send:disabled { opacity: .45; cursor: default; }
.wchat-foot { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px 14px; padding-top: 10px; }
.wchat-link, .wchat-ghost { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--wc-accent-ink); font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; padding: 6px 8px; border-radius: 10px; }
.wchat-link:hover, .wchat-ghost:hover { background: var(--wc-soft); }
.wchat-note { flex: 1 1 260px; margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--wc-muted); }
.wchat-note a, .wchat-check a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* formularz e-mail */
.wchat-mail { display: grid; gap: 10px; padding-top: 12px; }
.wchat-mail-intro { margin: 0; color: var(--wc-muted); font-size: 13.5px; }
.wchat-f { display: grid; gap: 4px; font-size: 12.5px; font-weight: 600; color: var(--wc-muted); }
.wchat-f input, .wchat-f textarea { font: inherit; font-size: 15px; font-weight: 400; color: var(--wc-ink); border: 1px solid var(--wc-line); border-radius: 12px; padding: 10px 12px; background: var(--wc-bg); outline: none; resize: vertical; }
.wchat-f input:focus, .wchat-f textarea:focus { border-color: var(--wc-accent); box-shadow: 0 0 0 4px var(--wc-ring); }
.wchat-f [aria-invalid="true"] { border-color: #dc2626; }
.wchat-check { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; color: var(--wc-muted); line-height: 1.45; }
.wchat-check input { margin-top: 2px; width: 16px; height: 16px; accent-color: var(--wc-accent); flex: none; }
.wchat-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.wchat-msgline { margin: 0; font-size: 13px; } .wchat-msgline:empty { display: none; } .wchat-msgline.is-err { color: #b91c1c; }
.wchat-submit { justify-content: center; min-height: 44px; }
.wchat-sent { margin: 8px 0; padding: 14px; border-radius: 14px; background: #ecfdf5; color: #065f46; font-weight: 600; }

/* ---------- bąbelek i okno w prawym dolnym rogu ---------- */
.wchat-widget { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 70; font-size: 14.5px; }
.wchat-fab { position: relative; width: 62px; height: 62px; border-radius: 22px; border: 0; cursor: pointer; display: grid; place-items: center; background: var(--wc-bg); box-shadow: 0 14px 34px -10px var(--wc-ring), 0 2px 8px rgba(0, 0, 0, .08); transition: transform .25s cubic-bezier(.34, 1.56, .64, 1); animation: wchat-fab-in .6s .8s cubic-bezier(.34, 1.56, .64, 1) both; }
.wchat-fab:hover { transform: translateY(-2px) scale(1.04); }
.wchat-fab-faces { position: relative; width: 44px; height: 44px; transition: transform .3s, opacity .2s; }
.wchat-faces { position: relative; z-index: 1; display: block; width: 100%; height: 100%; }
.wchat-face { position: absolute; inset: 0; display: grid; place-items: center; transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), opacity .35s; }
.wchat-face img { width: 100%; height: 100%; border-radius: 30%; display: block; }
.wchat-face-chat { border-radius: 30%; color: #fff; background: linear-gradient(135deg, var(--wc-a1), var(--wc-a2)); opacity: 0; transform: rotate(120deg) scale(.4); }
.wchat-face-chat svg { width: 55%; height: 55%; }
.wchat-morph.show-chat .wchat-face-mark { opacity: 0; transform: rotate(-120deg) scale(.4); }
.wchat-morph.show-chat .wchat-face-chat { opacity: 1; transform: none; }
.wchat-fab.is-bounce { animation: wchat-bounce .85s cubic-bezier(.28, .84, .42, 1); }
@keyframes wchat-bounce { 0%, 100% { transform: translateY(0); } 30% { transform: translateY(-10px) scale(1.04); } 55% { transform: translateY(0) scale(.98); } 75% { transform: translateY(-4px); } }
.wchat-fab-x { position: absolute; inset: 0; display: grid; place-items: center; color: var(--wc-ink); opacity: 0; transform: rotate(-90deg); transition: transform .3s, opacity .2s; }
.wchat-fab-x svg { width: 24px; height: 24px; }
.wchat-widget.is-open .wchat-fab .wchat-fab-faces { opacity: 0; transform: rotate(90deg) scale(.6); }
.wchat-widget.is-open .wchat-fab-x { opacity: 1; transform: none; }
.wchat-dot { position: absolute; top: 6px; right: 6px; width: 12px; height: 12px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 3px var(--wc-bg); }
@keyframes wchat-fab-in { from { opacity: 0; transform: translateY(16px) scale(.7); } to { opacity: 1; transform: none; } }
.wchat-pop { position: absolute; right: 0; bottom: 76px; width: min(400px, calc(100vw - 32px)); max-height: min(660px, calc(100vh - 120px)); display: flex; flex-direction: column; background: var(--wc-bg); border: 1px solid var(--wc-line); border-radius: 22px; box-shadow: var(--wc-shadow); overflow: hidden; transform-origin: bottom right; animation: wchat-pop-in .45s cubic-bezier(.16, 1, .3, 1); }
.wchat-pop[hidden] { display: none; }
@keyframes wchat-pop-in { from { opacity: 0; transform: translateY(14px) scale(.94); } to { opacity: 1; transform: none; } }
.wchat-pop-top { display: flex; align-items: center; gap: 6px; padding: 10px 10px 10px 16px; color: #fff; background: linear-gradient(120deg, var(--wc-a1), var(--wc-a2)); }
.wchat-pop-t { flex: 1; margin: 0; font-weight: 700; }
.wchat-icon-btn { width: 34px; height: 34px; display: inline-grid; place-items: center; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer; }
.wchat-icon-btn svg { width: 18px; height: 18px; } .wchat-icon-btn:hover { background: rgba(255, 255, 255, .26); }
.wchat-pop-body { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 16px 12px; display: flex; flex-direction: column; }
.wchat-pop-body .wchat-head { display: none; }
.wchat-pop-body .wchat-log { flex: 1; max-height: none; min-height: 180px; }
.wchat-home { display: grid; justify-items: center; gap: 10px; padding: 12px 0 6px; text-align: center; }
.wchat-hello { margin: 2px 0 8px; font-size: 18px; font-weight: 700; }
.wchat-opt { width: 100%; display: flex; gap: 12px; align-items: center; text-align: left; border: 1px solid var(--wc-line); background: var(--wc-bg); border-radius: 16px; padding: 14px; cursor: pointer; font: inherit; color: var(--wc-ink); transition: border-color .15s, transform .15s, box-shadow .15s; }
.wchat-opt:hover { border-color: var(--wc-accent); transform: translateY(-1px); box-shadow: 0 10px 24px -16px var(--wc-ring); }
.wchat-opt > svg { width: 22px; height: 22px; flex: none; color: var(--wc-accent); }
.wchat-opt b { display: block; font-size: 14.5px; } .wchat-opt small { display: block; color: var(--wc-muted); font-size: 12.5px; }
@media (max-width: 520px) {
  .wchat-widget.is-open { left: 8px; right: 8px; }
  .wchat-widget.is-open .wchat-fab { margin-left: auto; }
  .wchat-pop { width: auto; left: 0; right: 0; max-height: calc(100dvh - 100px); }
  .wchat-inline { padding: 12px; }
  .wchat-new span { display: none; }
  .wchat-head { gap: 10px; }
  .wchat-log { max-height: 55vh; }
}

/* ---------- bez animacji (prefers-reduced-motion): tylko pojawienie się ---------- */
@media (prefers-reduced-motion: reduce) {
  .wchat-grow, .wchat-msg, .wchat-fab, .wchat-fab .wchat-av, .wchat-fab-x, .wchat-ask-btn, .wchat-cta, .wchat-opt, .wchat-face, .wchat-fab-faces { transition: none !important; }
  .wchat-ask.is-open .wchat-inline, .wchat-ask.is-open .wchat-head .wchat-av, .wchat-pop, .wchat-fab, .wchat-fab.is-bounce, .wchat-dots i, .wchat-caret,
  .is-thinking > .wchat-av::before, .is-thinking > .wchat-av .wchat-faces, .wchat-panel.is-busy .wchat-head .wchat-av::before, .wchat-panel.is-busy .wchat-head .wchat-av .wchat-faces { animation: none !important; }
  .wchat-log { scroll-behavior: auto; }
}

/* powitanie i dymek „Czat” przy bąbelku (z lewej strony) */
.wchat-greet, .wchat-tip { position: absolute; right: calc(100% + 12px); bottom: 50%; pointer-events: none; opacity: 0; transition: opacity .25s, transform .3s cubic-bezier(.2, .8, .2, 1); }
.wchat-greet { transform: translate(8px, 50%) scale(.96); transform-origin: right center; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; cursor: pointer; }
.wchat-greet span, .wchat-tip { display: block; white-space: nowrap; background: var(--wc-bg, #fff); color: var(--wc-ink, #18181b); font-weight: 600; font-size: 14.5px; line-height: 1.2; padding: 10px 14px; border-radius: 16px 16px 4px 16px; box-shadow: 0 12px 30px -10px rgba(76, 29, 149, .35), 0 2px 8px rgba(0, 0, 0, .08); }
.wchat-greet-2 { opacity: 0; transform: translateY(6px); max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden; transition: opacity .25s, transform .3s cubic-bezier(.2, .8, .2, 1), max-height .3s, padding .3s; }
.wchat-widget.is-greet .wchat-greet { opacity: 1; transform: translate(0, 50%) scale(1); pointer-events: auto; }
.wchat-widget.is-greet-2 .wchat-greet-2 { opacity: 1; transform: none; max-height: 60px; padding-top: 10px !important; padding-bottom: 10px !important; }
.wchat-tip { transform: translate(6px, 50%); font-size: 13px; padding: 7px 11px; border-radius: 10px; }
.wchat-widget.greet-done:not(.is-open) .wchat-fab:hover ~ .wchat-tip { opacity: 1; transform: translate(0, 50%); }
.wchat-widget.is-open .wchat-greet, .wchat-widget.is-open .wchat-tip { display: none; }
@media (hover: none) { .wchat-tip { display: none; } }
@media (prefers-reduced-motion: reduce) { .wchat-greet, .wchat-greet-2, .wchat-tip { transition: opacity .01s; transform: translate(0, 50%); } .wchat-greet-2 { transform: none; } }