/* Animations pour le chat */

@keyframes typing-bounce {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  30% {
    transform: translateY(-8px);
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.typing-dot {
  animation: typing-bounce 1.4s ease-in-out infinite;
}

.typing-dot:nth-child(1) {
  animation-delay: 0s;
}

.typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}

.typing-indicator-enter {
  animation: fade-in 0.3s ease-out;
}

/* Améliorations visuelles pour les accusés de lecture */
.read-indicator {
  transition: all 0.2s ease-in-out;
}

.read-indicator.read {
  color: #60a5fa; /* Bleu plus visible pour les messages lus */
}

.read-indicator.sent {
  color: #93c5fd; /* Bleu plus clair pour les messages envoyés */
}

/* Animation pour l'apparition des nouveaux messages */
.message-appear {
  animation: fade-in 0.3s ease-out;
}
