/* Animations pour les messages et indicateurs de frappe */

@keyframes typing-bounce {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

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

@keyframes highlight-pulse {
    0% {
        background: rgba(23, 109, 134, 0.1);
        transform: scale(1);
    }
    50% {
        background: rgba(23, 109, 134, 0.2);
        transform: scale(1.02);
    }
    100% {
        background: transparent;
        transform: scale(1);
    }
}

/* Classes pour utiliser les animations */
.typing-indicator {
    animation: fade-in 0.3s ease;
}

.typing-dots span {
    animation: typing-bounce 1.4s infinite ease-in-out both;
}

.typing-dots span:nth-child(1) { 
    animation-delay: -0.32s; 
}

.typing-dots span:nth-child(2) { 
    animation-delay: -0.16s; 
}

.highlight-message {
    animation: highlight-pulse 2s ease-in-out;
}