/**
 * Chatbot Rule-Based — Complement CSS
 * Styles specifiques aux boutons de choix (arbre de decision)
 */

/* ── Choices container ── */
.chatbot__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 16px 8px;
    align-self: flex-start;
    max-width: 90%;
}

.chatbot__choice-btn {
    background: #fff;
    border: 1px solid #6f42c1;
    color: #6f42c1;
    border-radius: 16px;
    padding: 6px 14px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, transform 0.15s;
    line-height: 1.3;
}

.chatbot__choice-btn:hover {
    background: #6f42c1;
    color: #fff;
    transform: scale(1.03);
}

.chatbot__choice-btn:active {
    transform: scale(0.97);
}

/* ── Back button variant ── */
.chatbot__choice-btn--back {
    border-color: #adb5bd;
    color: #6c757d;
    font-size: 0.75rem;
}

.chatbot__choice-btn--back:hover {
    background: #6c757d;
    color: #fff;
    border-color: #6c757d;
}