/* ==========================================================================
   IA Citoyenne — styles complémentaires (au-dessus de Tailwind CDN)
   ========================================================================== */

/* Scrollbar discrète pour la zone de chat */
#chat::-webkit-scrollbar { width: 6px; }
#chat::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 9999px; }
#chat::-webkit-scrollbar-track { background: transparent; }

/* Décalage d'ancrage pour tenir compte de la navbar fixe */
section[id] { scroll-margin-top: 6rem; }

/* Apparition en fondu des bulles de chat */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeInUp 0.35s ease-out both; }

/* Indicateur "en train d'écrire" */
.typing-dot {
  width: 7px;
  height: 7px;
  border-radius: 9999px;
  background: #c8006c;
  display: inline-block;
  animation: typingBounce 1.2s infinite ease-in-out;
}
.typing-dot:nth-child(2) { animation-delay: 0.15s; background: #7d3ca6; }
.typing-dot:nth-child(3) { animation-delay: 0.3s; background: #2aa9e0; }

@keyframes typingBounce {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
  30%           { transform: translateY(-5px); opacity: 1; }
}

/* Respect des préférences de réduction de mouvement */
@media (prefers-reduced-motion: reduce) {
  .animate-fade-in,
  .typing-dot,
  .animate-pulse { animation: none !important; }
  html { scroll-behavior: auto; }
}