/* Tema deixou de ser editável (construtor linear) — visual sempre padrão.
 * --cb-bot-avatar-url é a única custom property que site/chatbot.js ainda
 * define em runtime (foto do atendente, chatbot_bots.avatar_url); as demais
 * var(--cb-x, PADRÃO) abaixo nunca recebem valor, então só usam o PADRÃO —
 * mantidas pra não reescrever cada regra, sem custo real. */
.buriti-chatbot{display:flex;flex-direction:column;height:var(--cb-container-max-height,520px);max-width:var(--cb-container-max-width,520px);margin:0 auto;background:var(--cb-container-bg,var(--bg-light-paper,#faf7f2));color:var(--cb-container-text,var(--text-main,#2b2523));border-radius:var(--cb-container-radius,20px);box-shadow:var(--shadow-md,0 12px 32px rgba(0,0,0,.18));overflow:hidden;border:1px solid var(--cb-container-border,var(--glass-border-light,rgba(122,18,23,.12)));font-family:var(--cb-font,var(--font-sans,sans-serif))}
.buriti-chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}
.buriti-chatbot-bubble{max-width:80%;padding:11px 14px;font-size:14px;line-height:1.45;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;animation:buriti-chatbot-bubble-in .32s cubic-bezier(.22,.61,.36,1) both}
@keyframes buriti-chatbot-bubble-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.buriti-chatbot-bubble.is-bot{position:relative;align-self:flex-start;margin-left:44px;background:var(--cb-bot-bubble-bg,var(--text-main,#2b2523));color:var(--cb-bot-bubble-text,#fff);border:var(--cb-bot-bubble-border,none);border-radius:var(--cb-bot-bubble-radius,16px);border-bottom-left-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.12)}
/* Avatar do bot (padrão: marca "B" da Buriti) — só na bolha mais recente do
 * bot (:last-child), igual ao Typebot: acompanha a conversa em vez de
 * repetir em toda bolha. Some sozinho quando uma bolha nova entra depois.
 * Desligado via tema: .no-bot-avatar remove o respiro e some com a bolinha.
 * cover (não 70%) pra foto de atendente preencher o círculo como um avatar
 * de verdade, em vez de sobrar como um selo pequeno com respiro em volta —
 * a marca "B" de fallback (SVG, respira bem em qualquer enquadramento)
 * também funciona coberta. */
.buriti-chatbot-bubble.is-bot:last-child::before{content:'';position:absolute;left:-44px;bottom:0;width:36px;height:36px;border-radius:50%;background:#fff var(--cb-bot-avatar-url,url(/img/chatbot-avatar-mark.png)) center/cover no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.18);border:1px solid var(--glass-border-light,rgba(122,18,23,.12))}
.buriti-chatbot.no-bot-avatar .buriti-chatbot-bubble.is-bot{margin-left:0}
.buriti-chatbot.no-bot-avatar .buriti-chatbot-bubble.is-bot::before{content:none}
/* Visitante não tem foto (não existe upload de avatar pra quem preenche o
 * formulário) — mensagem só, sem espaço reservado nem bolinha vazia do lado. */
.buriti-chatbot-bubble.is-visitor{align-self:flex-end;background:var(--cb-user-bubble-bg,var(--burgundy-primary,#7a1217));color:var(--cb-user-bubble-text,#fff);border:var(--cb-user-bubble-border,none);border-radius:var(--cb-user-bubble-radius,16px);border-bottom-right-radius:4px}
.buriti-chatbot-unavailable{padding:20px;text-align:center;color:var(--text-muted,#6e645e);font-size:13px}
.buriti-chatbot-footer{padding:14px 16px;border-top:1px solid var(--glass-border-light,rgba(122,18,23,.12));background:#fff}
.buriti-chatbot-bubble.is-typing{display:flex;align-items:center;gap:4px;padding:13px 14px}
.buriti-chatbot-bubble.is-typing span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.7);animation:buriti-chatbot-typing 1s infinite ease-in-out}
.buriti-chatbot-bubble.is-typing span:nth-child(2){animation-delay:.15s}
.buriti-chatbot-bubble.is-typing span:nth-child(3){animation-delay:.3s}
@keyframes buriti-chatbot-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.buriti-chatbot-input-row{display:flex;gap:10px;align-items:center}
.buriti-chatbot-input-row input{flex:1;padding:12px 18px;border:var(--cb-input-border,1px solid var(--glass-border-light,rgba(122,18,23,.12)));border-radius:var(--cb-input-radius,999px);font-size:13px;background:var(--cb-input-bg,#fff);color:var(--cb-input-text,var(--text-main,#2b2523))}
.buriti-chatbot-input-row input::placeholder{color:var(--cb-input-placeholder,var(--text-muted,#9c928c))}
.buriti-chatbot-input-row input:focus{outline:none;border-color:var(--burgundy-primary,#7a1217)}
.buriti-chatbot-ddi{flex:0 0 auto;padding:12px 8px;border:var(--cb-input-border,1px solid var(--glass-border-light,rgba(122,18,23,.12)));border-radius:var(--cb-input-radius,999px);font-size:13px;background:var(--cb-input-bg,#fff);color:var(--cb-input-text,var(--text-main,#2b2523))}
/* Botão de enviar vira um círculo com ícone (SVG embutido); o texto original
 * ("Enviar"/"Enviando...") continua no DOM pra leitor de tela, só fica
 * visualmente escondido via font-size/color. */
.buriti-chatbot-input-row button{width:46px;height:46px;flex:0 0 46px;padding:0;border:var(--cb-button-border,none);border-radius:var(--cb-button-radius,50%);background:var(--cb-button-bg,var(--burgundy-primary,#7a1217)) var(--cb-send-icon,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 11l18-8-8 18-2.5-6.5L3 11z'/%3E%3C/svg%3E")) center/18px no-repeat;color:transparent;font-size:0;cursor:pointer;box-shadow:0 4px 10px rgba(122,18,23,.32);transition:transform .15s ease}
.buriti-chatbot-input-row button:hover{transform:scale(1.06)}
.buriti-chatbot-input-row button:disabled{opacity:.6;cursor:default;transform:none}
.buriti-chatbot-options{display:flex;flex-wrap:var(--cb-buttons-wrap,wrap);gap:8px;overflow-x:auto;padding-bottom:2px}
.buriti-chatbot-option{padding:9px 13px;border:var(--cb-button-border,1px solid var(--burgundy-primary,#7a1217));border-radius:var(--cb-button-radius,999px);background:var(--cb-button-bg,#fff);color:var(--cb-button-text,var(--burgundy-primary,#7a1217));font-size:12.5px;font-weight:700;cursor:pointer}
.buriti-chatbot-option:hover{filter:brightness(.93)}
.buriti-chatbot-option.is-selected{background:var(--burgundy-primary,#7a1217);color:#fff;box-shadow:inset 0 0 0 1px var(--burgundy-primary,#7a1217)}
.buriti-chatbot-skip{align-self:flex-start;margin-top:6px;border:0;background:transparent;color:var(--text-muted,#6e645e);font-size:11.5px;text-decoration:underline;cursor:pointer}
/* Botão de conclusão: grupo do WhatsApp e "Continuar na loja" — mesma
 * família visual do botão de enviar (raio/cor do container), um por linha. */
.buriti-chatbot-continue-btn{display:block;width:100%;padding:12px 16px;border-radius:var(--cb-button-radius,999px);text-align:center;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;background:var(--cb-button-bg,var(--burgundy-primary,#7a1217));color:var(--cb-button-text,#fff)}
@media(max-width:560px){.buriti-chatbot{height:min(var(--cb-container-max-height,520px),460px);border-radius:14px}}