/* assets/css/style.css - Styles du chat */
.chat-body {
    background-color: #f8f9fa;
    padding: 20px;
}

.chat-message {
    margin-bottom: 15px;
    clear: both;
}

.chat-message.user {
    float: right;
}

.chat-message.user .message-content {
    background-color: #007bff;
    color: white;
    border-radius: 18px 18px 0 18px;
}

.chat-message.bot .message-content {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 18px 18px 18px 0;
}

.message-content {
    padding: 10px 15px;
    max-width: 80%;
    display: inline-block;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.typing-indicator .typing-dots {
    display: inline-flex;
    gap: 3px;
}

.typing-dots span {
    animation: typing 1.4s infinite;
    opacity: 0.6;
}

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

@keyframes typing {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-5px); }
}

.exploration-results .card {
    border-left: 4px solid #007bff;
}

.suggestions button {
    transition: all 0.2s;
}

.suggestions button:hover {
    transform: translateY(-2px);
}