:root{--hc-accent:#1f8f8b;--hc-bg:#fff;--hc-text:#182227;--hc-muted:#68767c;--hc-border:#e8ecee;--hc-launcher-bg:#1f8f8b;--hc-launcher-color:#fff;--hc-header-bg:#fff;--hc-panel-bg:#fff;--hc-messages-bg:#f8faf9;--hc-assistant-bg:#fff;--hc-assistant-color:#182227;--hc-user-bg:#1f8f8b;--hc-user-color:#fff;--hc-input-bg:#fff;--hc-input-color:#182227;--hc-send-bg:#1f8f8b;--hc-send-color:#fff;--hc-status:#39a96b;--hc-contact-bg:#f8faf9;--hc-contact-button-bg:#1f8f8b;--hc-contact-button-color:#fff;--hc-attach-bg:#fff;--hc-attach-color:#59686d;--hc-footer-bg:#fff;--hc-footer-color:#97a1a5;--hc-panel-width:390px;--hc-panel-height:620px;--hc-panel-radius:20px;--hc-button-radius:13px;--hc-desktop-bottom:88px;--hc-mobile-bottom:76px}
#hc-root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:fixed;z-index:999999;right:22px;bottom:var(--hc-desktop-bottom);color:var(--hc-text)}
#hc-launcher{border:0;border-radius:999px;background:var(--hc-launcher-bg);color:var(--hc-launcher-color);box-shadow:0 12px 34px rgba(0,0,0,.16);padding:13px 18px;display:flex;align-items:center;gap:9px;font-weight:650;font-size:14px;cursor:pointer}
.hc-launcher-dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.hc-launcher-icon{display:none;width:24px;height:24px}.hc-launcher-round #hc-launcher{width:56px;height:56px;padding:0;justify-content:center;border-radius:50%}.hc-launcher-round .hc-launcher-label,.hc-launcher-round .hc-launcher-dot{display:none}.hc-launcher-round .hc-launcher-icon{display:block}.hc-launcher-pill .hc-launcher-icon{display:none}
#hc-panel{position:absolute;right:0;bottom:62px;width:min(var(--hc-panel-width),calc(100vw - 24px));height:min(var(--hc-panel-height),calc(100vh - 110px));background:var(--hc-panel-bg);border:1px solid var(--hc-border);border-radius:var(--hc-panel-radius);box-shadow:0 24px 70px rgba(0,0,0,.20);display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);transition:.2s ease}
#hc-panel.hc-open{opacity:1;pointer-events:auto;transform:none}
.hc-header{padding:17px 18px;border-bottom:1px solid var(--hc-border);display:flex;justify-content:space-between;align-items:center;background:var(--hc-header-bg)}
.hc-brand{font-size:17px;font-weight:750;letter-spacing:-.01em}.hc-status{font-size:12px;color:var(--hc-muted);margin-top:3px}.hc-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hc-status);margin-right:5px}
#hc-close{border:0;background:transparent;font-size:28px;line-height:1;color:var(--hc-muted);cursor:pointer;padding:3px 7px}
.hc-messages{flex:1;padding:18px 15px;overflow-y:auto;background:var(--hc-messages-bg)}.hc-msg{display:flex;margin:0 0 12px}.hc-user{justify-content:flex-end}.hc-bubble{max-width:84%;padding:11px 13px;border-radius:16px;font-size:14px;line-height:1.46;box-shadow:0 1px 1px rgba(0,0,0,.03)}.hc-assistant .hc-bubble{background:var(--hc-assistant-bg);color:var(--hc-assistant-color);border:1px solid var(--hc-border);border-top-left-radius:6px}.hc-user .hc-bubble{background:var(--hc-user-bg);color:var(--hc-user-color);border-top-right-radius:6px}
.hc-typing{padding:0 18px 8px;background:var(--hc-messages-bg)}.hc-typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b979c;margin-right:3px;animation:hcbounce 1.1s infinite}.hc-typing span:nth-child(2){animation-delay:.15s}.hc-typing span:nth-child(3){animation-delay:.3s}@keyframes hcbounce{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(-4px)}}
.hc-composer{display:flex;align-items:flex-end;gap:8px;padding:11px 12px;border-top:1px solid var(--hc-border);background:var(--hc-panel-bg)}.hc-composer textarea{flex:1;border:1px solid var(--hc-border);border-radius:14px;resize:none;outline:none;padding:11px 12px;font:inherit;font-size:14px;line-height:1.35;max-height:120px;background:var(--hc-input-bg);color:var(--hc-input-color)}.hc-composer textarea:focus{border-color:var(--hc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hc-accent) 12%,transparent)}#hc-send{min-width:42px;height:42px;border-radius:var(--hc-button-radius);border:0;background:var(--hc-send-bg);color:var(--hc-send-color);font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;white-space:nowrap}.hc-send-icon{display:flex;align-items:center;justify-content:center}.hc-send-icon svg{width:20px;height:20px}.hc-send-icon-only #hc-send,.hc-send-icon #hc-send{width:42px;padding:0}.hc-send-icon .hc-send-label{display:none}.hc-send-text .hc-send-icon{display:none}.hc-send-text #hc-send{width:auto;min-width:62px}.hc-send-both #hc-send{width:auto;min-width:82px}#hc-send:disabled{opacity:.5;cursor:wait}.hc-footer{text-align:center;font-size:10px;color:var(--hc-footer-color);padding:0 0 9px;background:var(--hc-footer-bg)}
@media(max-width:520px){#hc-root{right:12px;bottom:var(--hc-mobile-bottom)}#hc-launcher{padding:13px 15px}.hc-launcher-round .hc-launcher-label{display:none}#hc-panel{position:fixed;left:8px;right:8px;bottom:8px;top:8px;width:auto;height:auto;border-radius:18px}}

/* v0.6 – bilduppladdning */
.hc-attachments{display:flex;gap:8px;overflow-x:auto;padding:9px 12px 2px;background:var(--hc-panel-bg);border-top:1px solid var(--hc-border)}
.hc-attachment-card{position:relative;flex:0 0 86px;border:1px solid var(--hc-border);border-radius:12px;background:#f7f9f9;overflow:hidden}
.hc-attachment-card img{display:block;width:86px;height:66px;object-fit:cover;cursor:pointer}
.hc-attachment-card span{display:block;padding:5px 7px 7px;font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hc-muted)}
.hc-attachment-card button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:999px;background:rgba(20,28,31,.78);color:#fff;font-size:16px;line-height:20px;cursor:pointer}
#hc-attach{width:42px;height:42px;flex:0 0 42px;border:1px solid #dce3e5;border-radius:var(--hc-button-radius);background:var(--hc-attach-bg);color:var(--hc-attach-color);display:flex;align-items:center;justify-content:center;cursor:pointer}
#hc-attach:hover{border-color:var(--hc-accent);color:var(--hc-accent)}
#hc-attach:disabled{opacity:.45;cursor:wait}
#hc-attach svg{width:21px;height:21px}
.hc-message-images{display:grid;gap:5px;margin-bottom:8px;max-width:260px}
.hc-message-images.hc-count-1{grid-template-columns:1fr}.hc-message-images.hc-count-2,.hc-message-images.hc-count-3{grid-template-columns:1fr 1fr}
.hc-message-images img{display:block;width:100%;height:105px;object-fit:cover;border-radius:10px;cursor:pointer;background:#eef1f2}
.hc-message-images.hc-count-1 img{height:170px}
.hc-user .hc-message-images img{outline:1px solid rgba(255,255,255,.2)}
.hc-message-text:empty{display:none}
.hc-lightbox{position:fixed;z-index:1000001;inset:0;background:rgba(10,14,16,.86);display:flex;align-items:center;justify-content:center;padding:22px}
.hc-lightbox img{max-width:min(1000px,94vw);max-height:90vh;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.hc-lightbox button{position:fixed;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:999px;background:#fff;color:#172126;font-size:28px;line-height:40px;cursor:pointer}
@media(max-width:520px){.hc-message-images{max-width:230px}.hc-message-images img{height:94px}.hc-message-images.hc-count-1 img{height:150px}}

/* v0.7 – enkel kontaktförfrågan direkt i chatten */
.hc-contact-area{padding:8px 12px 0;background:var(--hc-panel-bg)}
.hc-contact-toggle{border:0;background:transparent;color:var(--hc-accent);font:inherit;font-size:12px;font-weight:650;padding:3px 2px;cursor:pointer}
.hc-contact-toggle:hover{text-decoration:underline}
.hc-contact-form{margin:2px 0 8px;padding:14px;border:1px solid var(--hc-border);border-radius:14px;background:var(--hc-contact-bg);box-shadow:0 4px 18px rgba(0,0,0,.04)}
.hc-contact-title{font-size:14px;font-weight:750;margin-bottom:3px}
.hc-contact-copy{font-size:12px;color:var(--hc-muted);margin-bottom:10px}
.hc-contact-form label{display:block;font-size:11px;font-weight:650;color:#4f5d62;margin:8px 0}
.hc-contact-form input{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #dce3e5;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;font-size:13px;outline:none}
.hc-contact-form input:focus{border-color:var(--hc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hc-accent) 12%,transparent)}
.hc-contact-note{font-size:10px;line-height:1.35;color:#7b878c;margin:9px 0 10px}
.hc-contact-actions{display:flex;justify-content:flex-end;gap:7px}
.hc-contact-cancel,.hc-contact-submit{border-radius:var(--hc-button-radius);padding:8px 11px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.hc-contact-cancel{border:1px solid #dce3e5;background:#fff;color:#4f5d62}
.hc-contact-submit{border:1px solid var(--hc-contact-button-bg);background:var(--hc-contact-button-bg);color:var(--hc-contact-button-color)}
.hc-contact-submit:disabled{opacity:.55;cursor:wait}
.hc-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* v1.1 – identitet och utökad design */
.hc-speaker-name{font-size:10px;font-weight:700;color:var(--hc-muted);margin:0 0 4px 2px;letter-spacing:.01em}
.hc-assistant .hc-bubble-wrap{max-width:84%}.hc-assistant .hc-bubble-wrap .hc-bubble{max-width:100%}
.hc-send-icon #hc-send{width:42px;padding:0}.hc-send-text #hc-send{width:auto;min-width:66px}.hc-send-both #hc-send{width:auto;min-width:88px}

/* v1.3 – full kontroll över knappar och ikoner */
#hc-launcher{
  border:var(--hc-launcher-border-width) solid var(--hc-launcher-border);
  border-radius:var(--hc-launcher-radius);
  background:var(--hc-launcher-bg);
  color:var(--hc-launcher-color);
  padding:var(--hc-launcher-pad-y) var(--hc-launcher-pad-x);
  font-size:var(--hc-launcher-font-size);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:42px;
}
#hc-launcher .hc-btn-icon{display:flex;align-items:center;justify-content:center}
#hc-launcher .hc-btn-icon svg{width:var(--hc-launcher-icon-size);height:var(--hc-launcher-icon-size);display:block}
#hc-launcher.hc-style-icon{min-width:calc(var(--hc-launcher-icon-size) + (var(--hc-launcher-pad-x) * 2))}

#hc-send{
  width:auto;min-width:42px;height:auto;min-height:42px;
  border:var(--hc-send-border-width) solid var(--hc-send-border);
  border-radius:var(--hc-send-radius);
  background:var(--hc-send-bg);color:var(--hc-send-color);
  font-size:var(--hc-send-font-size);padding:9px var(--hc-send-pad-x);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
}
#hc-send .hc-btn-icon{display:flex;align-items:center;justify-content:center}
#hc-send .hc-btn-icon svg{width:var(--hc-send-icon-size);height:var(--hc-send-icon-size);display:block}
#hc-send.hc-style-icon{padding-left:10px;padding-right:10px}

.hc-contact-toggle{
  background:var(--hc-contact-button-bg);color:var(--hc-contact-button-color);
  border:var(--hc-contact-button-border-width) solid var(--hc-contact-button-border);
  border-radius:var(--hc-contact-button-radius);
  font-size:var(--hc-contact-button-font-size);font-weight:650;
  padding:var(--hc-contact-button-pad-y) var(--hc-contact-button-pad-x);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;
}
.hc-contact-toggle:hover{text-decoration:none;filter:brightness(.97)}
.hc-contact-toggle .hc-btn-icon{display:flex;align-items:center;justify-content:center}
.hc-contact-toggle .hc-btn-icon svg{width:var(--hc-contact-button-icon-size);height:var(--hc-contact-button-icon-size);display:block}

.hc-contact-submit{
  background:var(--hc-contact-submit-bg);color:var(--hc-contact-submit-color);
  border:var(--hc-contact-submit-border-width) solid var(--hc-contact-submit-border);
  border-radius:var(--hc-contact-submit-radius);
  font-size:var(--hc-contact-submit-font-size);font-weight:650;
  padding:var(--hc-contact-submit-pad-y) var(--hc-contact-submit-pad-x);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;
}
.hc-contact-submit .hc-btn-icon{display:flex;align-items:center;justify-content:center}
.hc-contact-submit .hc-btn-icon svg{width:var(--hc-contact-submit-icon-size);height:var(--hc-contact-submit-icon-size);display:block}

.hc-contact-cancel{
  background:var(--hc-contact-cancel-bg);color:var(--hc-contact-cancel-color);
  border:var(--hc-contact-cancel-border-width) solid var(--hc-contact-cancel-border);
  border-radius:var(--hc-contact-cancel-radius);
  font-size:var(--hc-contact-cancel-font-size);font-weight:650;
  padding:var(--hc-contact-cancel-pad-y) var(--hc-contact-cancel-pad-x);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;
}
.hc-contact-cancel .hc-btn-icon{display:flex;align-items:center;justify-content:center}
.hc-contact-cancel .hc-btn-icon svg{width:var(--hc-contact-cancel-icon-size);height:var(--hc-contact-cancel-icon-size);display:block}

#hc-attach{
  width:auto;height:auto;min-width:42px;min-height:42px;flex:0 0 auto;
  border:var(--hc-attach-border-width) solid var(--hc-attach-border);
  border-radius:var(--hc-attach-radius);background:var(--hc-attach-bg);color:var(--hc-attach-color);
  font-size:var(--hc-attach-font-size);font-weight:650;
  padding:var(--hc-attach-pad-y) var(--hc-attach-pad-x);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;
}
#hc-attach .hc-btn-icon{display:flex;align-items:center;justify-content:center}
#hc-attach .hc-btn-icon svg{width:var(--hc-attach-icon-size);height:var(--hc-attach-icon-size);display:block}
#hc-attach:hover{border-color:var(--hc-attach-border);color:var(--hc-attach-color);filter:brightness(.97)}

#hc-close{
  width:38px;height:38px;padding:0;
  border:var(--hc-close-border-width) solid var(--hc-close-border);
  border-radius:var(--hc-close-radius);background:var(--hc-close-bg);color:var(--hc-close-color);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
#hc-close svg{width:var(--hc-close-icon-size);height:var(--hc-close-icon-size);display:block}

#hc-launcher:hover,#hc-send:hover,.hc-contact-submit:hover,.hc-contact-cancel:hover{filter:brightness(.97)}


/* v1.5 – hoverfärger och WordPress-/mediaikoner */
#hc-launcher:hover{background:var(--hc-launcher-hover-bg);color:var(--hc-launcher-hover-color);border-color:var(--hc-launcher-hover-border);filter:none}
#hc-send:hover:not(:disabled){background:var(--hc-send-hover-bg);color:var(--hc-send-hover-color);border-color:var(--hc-send-hover-border);filter:none}
.hc-contact-toggle:hover{background:var(--hc-contact-button-hover-bg);color:var(--hc-contact-button-hover-color);border-color:var(--hc-contact-button-hover-border);filter:none}
.hc-contact-submit:hover:not(:disabled){background:var(--hc-contact-submit-hover-bg);color:var(--hc-contact-submit-hover-color);border-color:var(--hc-contact-submit-hover-border);filter:none}
.hc-contact-cancel:hover{background:var(--hc-contact-cancel-hover-bg);color:var(--hc-contact-cancel-hover-color);border-color:var(--hc-contact-cancel-hover-border);filter:none}
#hc-attach:hover:not(:disabled){background:var(--hc-attach-hover-bg);color:var(--hc-attach-hover-color);border-color:var(--hc-attach-hover-border);filter:none}
#hc-close:hover{background:var(--hc-close-hover-bg);color:var(--hc-close-hover-color);border-color:var(--hc-close-hover-border);filter:none}
.hc-btn-icon .dashicons,.hc-btn-icon img{display:block;object-fit:contain;line-height:1}
#hc-launcher .hc-btn-icon .dashicons,#hc-launcher .hc-btn-icon img{font-size:var(--hc-launcher-icon-size);width:var(--hc-launcher-icon-size);height:var(--hc-launcher-icon-size)}
#hc-send .hc-btn-icon .dashicons,#hc-send .hc-btn-icon img{font-size:var(--hc-send-icon-size);width:var(--hc-send-icon-size);height:var(--hc-send-icon-size)}
.hc-contact-toggle .hc-btn-icon .dashicons,.hc-contact-toggle .hc-btn-icon img{font-size:var(--hc-contact-button-icon-size);width:var(--hc-contact-button-icon-size);height:var(--hc-contact-button-icon-size)}
.hc-contact-submit .hc-btn-icon .dashicons,.hc-contact-submit .hc-btn-icon img{font-size:var(--hc-contact-submit-icon-size);width:var(--hc-contact-submit-icon-size);height:var(--hc-contact-submit-icon-size)}
.hc-contact-cancel .hc-btn-icon .dashicons,.hc-contact-cancel .hc-btn-icon img{font-size:var(--hc-contact-cancel-icon-size);width:var(--hc-contact-cancel-icon-size);height:var(--hc-contact-cancel-icon-size)}
#hc-attach .hc-btn-icon .dashicons,#hc-attach .hc-btn-icon img{font-size:var(--hc-attach-icon-size);width:var(--hc-attach-icon-size);height:var(--hc-attach-icon-size)}
#hc-close .dashicons,#hc-close img{font-size:var(--hc-close-icon-size);width:var(--hc-close-icon-size);height:var(--hc-close-icon-size);object-fit:contain}

/* v1.6.2 – låt chattens knappinställningar vinna över globala temastilar */
#hc-root .hc-contact-toggle{
  background:var(--hc-contact-button-bg);color:var(--hc-contact-button-color);
  border:var(--hc-contact-button-border-width) solid var(--hc-contact-button-border);
  border-radius:var(--hc-contact-button-radius);
  font-family:inherit;font-size:var(--hc-contact-button-font-size);font-weight:650;
  line-height:1.2;padding:var(--hc-contact-button-pad-y) var(--hc-contact-button-pad-x);
  text-transform:none;text-decoration:none;
}
#hc-root .hc-contact-submit{
  background:var(--hc-contact-submit-bg);color:var(--hc-contact-submit-color);
  border:var(--hc-contact-submit-border-width) solid var(--hc-contact-submit-border);
  border-radius:var(--hc-contact-submit-radius);
  font-family:inherit;font-size:var(--hc-contact-submit-font-size);font-weight:650;
  line-height:1.2;padding:var(--hc-contact-submit-pad-y) var(--hc-contact-submit-pad-x);
  text-transform:none;text-decoration:none;
}
#hc-root .hc-contact-cancel{
  background:var(--hc-contact-cancel-bg);color:var(--hc-contact-cancel-color);
  border:var(--hc-contact-cancel-border-width) solid var(--hc-contact-cancel-border);
  border-radius:var(--hc-contact-cancel-radius);
  font-family:inherit;font-size:var(--hc-contact-cancel-font-size);font-weight:650;
  line-height:1.2;padding:var(--hc-contact-cancel-pad-y) var(--hc-contact-cancel-pad-x);
  text-transform:none;text-decoration:none;
}
#hc-root .hc-contact-toggle:hover{background:var(--hc-contact-button-hover-bg);color:var(--hc-contact-button-hover-color);border-color:var(--hc-contact-button-hover-border)}
#hc-root .hc-contact-submit:hover:not(:disabled){background:var(--hc-contact-submit-hover-bg);color:var(--hc-contact-submit-hover-color);border-color:var(--hc-contact-submit-hover-border)}
#hc-root .hc-contact-cancel:hover{background:var(--hc-contact-cancel-hover-bg);color:var(--hc-contact-cancel-hover-color);border-color:var(--hc-contact-cancel-hover-border)}