/* hohofon SVET_CHATBOT_V1 (hohofon.com) - Hoho chatbot widget (parents). Colours = hohofon design v1 (red #B3261E, gold #D4A64A, cream #FFF8EC). */
.hoho-root{--hh-red:#B3261E;--hh-gold:#D4A64A;--hh-cream:#FFF8EC;--hh-line:#eadcc4;--hh-ink:#2d1e1a;--hh-mute:#6f5d54;--hh-white:#fff;
 position:fixed;right:16px;bottom:16px;z-index:9990;font-family:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;color:var(--hh-ink);font-size:15.5px;line-height:1.4}
.hoho-root *,.hoho-root *::before,.hoho-root *::after{box-sizing:border-box}
.hoho-launch{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--hh-red);color:#fff;border-radius:999px;padding:6px 16px 6px 6px;font:inherit;font-weight:800;box-shadow:0 10px 26px rgba(120,70,40,.32)}
.hoho-launch:hover,.hoho-launch:focus-visible{background:#9c1f18;outline:none}
.hoho-launch:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--hh-red)}
.hoho-av{width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--hh-gold);overflow:hidden;display:grid;place-items:center;flex:0 0 auto}
.hoho-av svg{width:36px;height:42px;margin-top:4px}
.hoho-panel{position:fixed;right:16px;bottom:16px;width:min(390px,calc(100vw - 32px));height:min(640px,calc(100vh - 32px));background:var(--hh-cream);border-radius:26px;box-shadow:0 30px 70px rgba(80,40,20,.35);display:none;flex-direction:column;overflow:hidden;border:2px solid var(--hh-line)}
.hoho-root.hoho-open .hoho-panel{display:flex}
.hoho-root.hoho-open .hoho-launch{display:none}
.hoho-head{background:var(--hh-red);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:12px}
.hoho-head b{display:block;font-size:20px;line-height:1.05}
.hoho-head small{display:block;font-weight:700;font-size:12px;opacity:.95}
.hoho-ai{margin-left:auto;background:rgba(255,255,255,.22);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;flex:0 0 auto}
.hoho-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}
.hoho-close:hover,.hoho-close:focus-visible{background:rgba(255,255,255,.2);outline:none}
.hoho-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.hoho-m{max-width:88%;padding:10px 13px;border-radius:18px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.hoho-m.bot{background:var(--hh-white);border:2px solid var(--hh-line);border-bottom-left-radius:4px;align-self:flex-start}
.hoho-m.me{background:var(--hh-gold);color:var(--hh-ink);border-bottom-right-radius:4px;align-self:flex-end;font-weight:800}
.hoho-m.err{background:#fff3f1;border-color:#f0c2bc}
.hoho-m b{font-weight:800}
.hoho-m a{color:var(--hh-red);font-weight:800}
.hoho-typing{align-self:flex-start;color:var(--hh-mute);font-weight:700;font-size:14px;padding:4px 8px}
.hoho-typing::after{content:"…";animation:hoho-dots 1.2s steps(4,end) infinite}
@keyframes hoho-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.hoho-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 8px}
.hoho-chips button{border:2px solid var(--hh-red);color:var(--hh-red);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.hoho-chips button:hover,.hoho-chips button:focus-visible{background:var(--hh-red);color:#fff;outline:none}
.hoho-form{border-top:2px solid var(--hh-line);padding:10px 12px;display:flex;gap:8px;align-items:center;background:#fff}
.hoho-form input[type=text]{flex:1;min-width:0;background:var(--hh-cream);border:2px solid var(--hh-line);border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;color:var(--hh-ink)}
.hoho-form input[type=text]:focus{outline:none;border-color:var(--hh-gold);box-shadow:0 0 0 3px rgba(212,166,74,.35)}
.hoho-send{width:42px;height:42px;border-radius:50%;border:0;background:var(--hh-red);color:#fff;font-size:18px;cursor:pointer;flex:0 0 auto}
.hoho-send:disabled{opacity:.5;cursor:default}
.hoho-send:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--hh-red)}
.hoho-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0}
.hoho-foot{background:#fff;color:var(--hh-mute);font-size:11.5px;font-weight:700;text-align:center;padding:4px 12px 8px}
.hoho-foot a{color:var(--hh-mute)}
@media (max-width:480px){
 .hoho-root{right:12px;bottom:12px}
 .hoho-panel{right:0;bottom:0;left:0;width:100vw;height:min(92vh,100dvh);border-radius:22px 22px 0 0;border-bottom:0}
}
@media (prefers-reduced-motion:reduce){.hoho-msgs{scroll-behavior:auto}.hoho-typing::after{animation:none;content:"…"}}