/* Widget live chat — memakai warna tema Venchi */
.vchat{--c-dark:var(--color-body,#481E0F);--c-cream:var(--color-craft-500,#FCF8EF);--c-line:var(--color-border,#d2cfc7);position:fixed;right:20px;bottom:20px;z-index:60;font-family:var(--font-figtree,system-ui,sans-serif);color:var(--c-dark)}
.vchat [hidden]{display:none!important}
.vchat-btn{position:relative;width:58px;height:58px;border-radius:50%;border:0;background:var(--c-dark);color:var(--c-cream);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(72,30,15,.35);transition:transform .2s}
.vchat-btn:hover{transform:scale(1.06)}.vchat-btn:focus-visible{outline:3px solid #e9cfa0;outline-offset:2px}
.vchat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--color-candito-500,#CF3F02);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;padding:0 5px}
.vchat-panel{position:absolute;right:0;bottom:72px;width:min(360px,calc(100vw - 32px));height:min(520px,calc(100vh - 120px));background:#fff;border:1px solid var(--c-line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}
.vchat-head{background:var(--c-dark);color:var(--c-cream);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.vchat-title{display:flex;flex-direction:column}.vchat-title strong{font-family:var(--font-copperplate,serif);letter-spacing:.1em;text-transform:uppercase;font-size:.95rem}
.vchat-sub{font-size:.78rem;opacity:.8}.vchat-sub.on::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#4cc38a;margin-right:6px}
.vchat-x{background:none;border:0;color:inherit;font-size:1.1rem;cursor:pointer}
.vchat-note{background:#fff4d6;color:#6b4a00;font-size:.82rem;padding:10px 16px;line-height:1.45}
.vchat-form{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.vchat-hello{margin:0 0 4px;font-size:.95rem}
.vchat-form label{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600}.vchat-form em{text-transform:none;letter-spacing:0;font-weight:400;opacity:.7}
.vchat-form input,.vchat-form textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--color-form-border,#481E0F);border-radius:6px;font:inherit;font-size:.95rem;color:var(--c-dark);letter-spacing:0;text-transform:none;font-weight:400;resize:vertical}
.vchat-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.vchat-send,.vchat-send2{background:var(--c-dark);color:var(--c-cream);border:0;border-radius:6px;padding:11px 16px;font:inherit;font-weight:600;letter-spacing:.04em;cursor:pointer}.vchat-send:disabled{opacity:.55}
.vchat-err{color:#b3261e;font-size:.85rem;margin:0;min-height:1em}
.vchat-conv{flex:1;display:flex;flex-direction:column;min-height:0}
.vchat-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--c-cream)}
.vchat-msg{display:flex;flex-direction:column;max-width:84%}.vchat-msg.visitor{align-self:flex-end;align-items:flex-end}.vchat-msg.agent{align-self:flex-start}.vchat-msg.system{align-self:center;max-width:94%;text-align:center}
.vchat-bubble{padding:9px 12px;border-radius:12px;font-size:.92rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}
.vchat-msg.visitor .vchat-bubble{background:var(--c-dark);color:var(--c-cream);border-bottom-right-radius:4px}
.vchat-msg.agent .vchat-bubble{background:#fff;border:1px solid var(--c-line);border-bottom-left-radius:4px}
.vchat-msg.system .vchat-bubble{background:none;font-size:.8rem;opacity:.75}
.vchat-time{font-size:.68rem;opacity:.6;margin-top:3px}
.vchat-reply{display:flex;gap:8px;padding:10px;border-top:1px solid var(--c-line);background:#fff}
.vchat-reply input{flex:1;padding:10px 12px;border:1px solid var(--color-form-border,#481E0F);border-radius:6px;font:inherit;min-width:0}
.vchat-foot{display:flex;justify-content:space-between;gap:10px;padding:6px 12px 10px;font-size:.78rem;background:#fff}
.vchat-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.vchat-wa{color:inherit}
body.has-livechat back-to-top{bottom:92px!important}
@media(max-width:520px){.vchat{right:14px;bottom:14px}.vchat-panel{position:fixed;right:8px;left:8px;bottom:84px;width:auto;height:min(560px,calc(100vh - 110px))}}
@media(prefers-reduced-motion:reduce){.vchat-btn{transition:none}}

/* CSS tema memaksa fill pada svg/path: pastikan ikon tombol chat tetap terlihat */
.vchat-btn svg,.vchat-btn svg path{fill:none!important;stroke:currentColor!important;width:26px;height:26px}
.vchat-btn{color:var(--c-cream,#FCF8EF)}