/* ── BRICO Live Chat — customer widget  v0.3.0 ── */

/* Variables */
#brico-chat{--brico-yellow:#fef200;--brico-soft:#fffbd1;--brico-ink:#0f0f0f;position:fixed;bottom:22px;left:22px;z-index:99990;font:15px/1.5 Arial,sans-serif;color:var(--brico-ink)}
#brico-chat *{box-sizing:border-box}
#brico-chat button{cursor:pointer;font:inherit}

/* Toggle button */
#brico-chat .brico-chat-toggle{display:inline-flex;align-items:center;gap:9px;background:var(--brico-yellow);color:var(--brico-ink);border:2px solid var(--brico-ink);border-radius:30px;padding:10px 18px;font-weight:700;box-shadow:4px 5px 0 var(--brico-ink);transition:transform .15s,box-shadow .15s;position:relative}
#brico-chat .brico-chat-toggle:hover{transform:translateY(-2px);box-shadow:4px 7px 0 var(--brico-ink)}
#brico-chat .brico-chat-icon{display:block;flex:none}

/* Unread badge on toggle button */
#brico-chat .brico-chat-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:#e53935;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;border-radius:10px;pointer-events:none}
#brico-chat .brico-chat-badge[hidden]{display:none}

/* Chat box */
#brico-chat .brico-chat-box{width:min(370px,calc(100vw - 24px));height:490px;max-height:calc(100vh - 80px);margin-bottom:14px;background:#fff;border:1px solid var(--brico-ink);border-radius:16px;box-shadow:0 16px 44px #0003;overflow:hidden;display:flex;flex-direction:column}
#brico-chat .brico-chat-box[hidden]{display:none}

/* Header */
#brico-chat .brico-chat-box header{background:var(--brico-ink);color:#fff;border-bottom:5px solid var(--brico-yellow);padding:13px 16px;display:flex;justify-content:space-between;align-items:center}
#brico-chat .brico-chat-brand{display:flex;flex-direction:column;gap:1px}
#brico-chat .brico-chat-logo{display:block;width:190px;height:45px;background:var(--brico-ink) url('./brico-logo-original.png') -29px -102px/246px 246px no-repeat;align-self:flex-end}
#brico-chat .brico-chat-brand strong{font-size:13px;font-weight:600}
#brico-chat .brico-chat-close{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;padding:2px 7px}
#brico-chat .brico-chat-close:hover{color:var(--brico-yellow)}

/* Message log */
#brico-chat .brico-chat-log{flex:1;overflow-y:auto;padding:16px;background:#f8f8f5}
#brico-chat .brico-chat-log p{padding:10px 13px;margin:7px 0;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:86%;line-height:1.55;animation:brico-fade .25s ease-out}
#brico-chat .brico-chat-log .mine{background:var(--brico-soft);border:1px solid #e4d800;margin-right:auto}
#brico-chat .brico-chat-log .theirs{background:#fff;border:1px solid #e5e5df;margin-left:auto}

/* Timestamps */
#brico-chat .brico-msg-time{display:block;font-size:10px;color:#999;margin-top:4px}

/* Form */
#brico-chat .brico-chat-form{padding:12px;display:grid;gap:8px;border-top:1px solid #eaeae5;background:#fff}
#brico-chat input,#brico-chat textarea{width:100%;background:#fff;color:var(--brico-ink);border:1px solid #cecec7;border-radius:9px;padding:9px 11px;font:inherit;resize:none}
#brico-chat input:focus,#brico-chat textarea:focus{outline:2px solid var(--brico-yellow);outline-offset:1px;border-color:var(--brico-ink)}
#brico-chat .brico-chat-form button{background:var(--brico-ink);color:var(--brico-yellow);border:0;border-radius:9px;padding:10px 15px;font-weight:700}
#brico-chat .brico-chat-form button:hover{background:#303030}
#brico-chat .brico-chat-form button:disabled{opacity:.55;cursor:wait}
#brico-chat .brico-chat-error{color:#a32816;padding:0 12px 6px}

/* Honeypot — invisible to humans */
#brico-chat .brico-chat-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* Fade-in animation */
@keyframes brico-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── Mobile ── */
@media(max-width:600px){
  #brico-chat{left:auto;right:12px;bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  #brico-chat .brico-chat-toggle{width:54px;height:54px;padding:0;border-radius:50%;justify-content:center;box-shadow:0 5px 18px #0003}
  #brico-chat .brico-chat-toggle:hover{transform:none;box-shadow:0 5px 18px #0003}
  #brico-chat .brico-chat-toggle-label{display:none}
  #brico-chat .brico-chat-icon{width:27px;height:27px}
  #brico-chat .brico-chat-box{width:min(360px,calc(100vw - 24px));height:min(490px,calc(100dvh - 175px));max-height:calc(100dvh - 175px);margin-bottom:12px}
}