/* ThaïGuide — chatbot.css */

.tg-chat-widget {
  margin-bottom: 14px;
  border-radius: 14px;
  border: 1.5px solid #a78bfa;
  background: #1a2744;
  overflow: hidden;
}

/* Bouton toggle */
.tg-chat-toggle {
  display: flex; align-items: center; gap: 8px;
  width: 100%; background: none; border: none;
  padding: 13px 16px; cursor: pointer; text-align: left;
}
.tg-chat-toggle span:first-child { font-size: 1.3rem; flex-shrink: 0; }
.tg-chat-toggle-lbl { flex: 1; font-size: 1.1rem; font-weight: 800; color: #fff; }
.tg-chat-toggle-arr { font-size: .85rem; color: rgba(255,255,255,.45); flex-shrink: 0; }

/* Corps — fermé par défaut */
.tg-chat-body { display: none; border-top: 1px solid rgba(255,255,255,.08); }
.tg-chat-body.tg-chat-body-open { display: block; }

/* Messages */
.tg-chat-list {
  max-height: 320px; overflow-y: auto;
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 7px;
}
.tg-cm { display: flex; }
.tg-cm-u { justify-content: flex-end; }
.tg-cm-a { justify-content: flex-start; }
.tg-cb {
  max-width: 84%; border-radius: 12px;
  padding: 10px 14px; font-size: 1.05rem; line-height: 1.5;
  word-break: break-word;
}
.tg-cm-u .tg-cb { background: linear-gradient(135deg,#2563eb,#1d4ed8); color: #fff; border-bottom-right-radius: 3px; }
.tg-cm-a .tg-cb { background: #1a2744; border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.92); border-bottom-left-radius: 3px; }
.tg-thai { color: #fbbf24; font-weight: 600; }

/* Typing */
.tg-chat-typing { display: flex; align-items: center; gap: 4px; padding: 5px 14px; }
.tg-chat-typing span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.3); animation: tg-dot 1.2s ease-in-out infinite; }
.tg-chat-typing span:nth-child(2) { animation-delay: .2s; }
.tg-chat-typing span:nth-child(3) { animation-delay: .4s; }
@keyframes tg-dot { 0%,60%,100%{transform:scale(1);opacity:.4} 30%{transform:scale(1.4);opacity:1} }

/* Suggestions */
.tg-chat-quick { display: flex; gap: 5px; padding: 5px 10px 7px; overflow-x: auto; scrollbar-width: none; }
.tg-chat-quick::-webkit-scrollbar { display: none; }
.tg-chat-qbtn { background: #1a2744; border: 1px solid rgba(99,102,241,.45); border-radius: 999px; color: #a5b4fc; font-size: .95rem; font-weight: 600; padding: 6px 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }

/* Footer */
.tg-chat-foot { display: flex; align-items: flex-end; gap: 6px; padding: 7px 10px 10px; border-top: 1px solid rgba(255,255,255,.06); }
.tg-chat-input { flex: 1; background: #1a2744; border: 1.5px solid rgba(255,255,255,.15); border-radius: 10px; color: #fff; font-size: 1.05rem; padding: 10px 12px; resize: none; font-family: inherit; line-height: 1.4; min-height: 36px; max-height: 80px; overflow-y: auto; }
.tg-chat-input:focus { outline: none; border-color: rgba(99,102,241,.6); }
.tg-chat-input::placeholder { color: rgba(255,255,255,.3); }
.tg-chat-send { background: linear-gradient(135deg,#6366f1,#4f46e5); border: none; border-radius: 9px; color: #fff; font-size: .95rem; width: 36px; height: 36px; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.tg-chat-send:active { transform: scale(.92); }