/**
 * Chatbot Theme - Create Your Buzz (Orange/Gold/Cream)
 */

/* ===== User Message Bubble (The Buzz) ===== */
.tce-message-user .tce-message-content {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
    /* Gold to Orange */
    color: #1A202C !important;
    border-radius: 18px 18px 0 18px;
    /* Modern shape */
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);
    font-weight: 500;
}

/* ===== Bot Message Bubble (Neutral) ===== */
.tce-message-content {
    background: #FFFDD0 !important;
    /* Cream */
    color: #2D3748 !important;
    border: 1px solid #F6E05E;
    /* Subtle Gold Border */
    border-radius: 18px 18px 18px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* ===== Chat Button ===== */
.tce-chat-button {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4) !important;
    color: #1A202C !important;
}

.tce-chat-button:hover {
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6) !important;
    transform: scale(1.05);
}

/* ===== Chat Header ===== */
.tce-chat-header {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
    color: #1A202C !important;
    padding: 20px 24px !important;
}

.tce-agent-avatar {
    width: 70px !important;
    height: 70px !important;
}

.tce-agent-avatar img {
    width: 70px !important;
    height: 70px !important;
}

.tce-agent-name {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.tce-agent-status {
    font-size: 13px !important;
}

.tce-close-btn {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #1A202C !important;
}

/* ===== Submit Button ===== */
.tce-submit-btn {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
    color: #1A202C !important;
    font-weight: 700;
}

/* ===== Selection Counter ===== */
.tce-selection-counter {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
    color: #1A202C !important;
}

/* ===== Progress Bar ===== */
.tce-progress-fill {
    background: linear-gradient(90deg, #FFD700 0%, #FF8C00 100%) !important;
}

.tce-progress-text {
    color: #D69E2E !important;
    /* Darker Gold for text readability */
}

/* ===== Checkbox/Radio Accents ===== */
.tce-choice-button:hover {
    border-color: #FF8C00 !important;
    background: #FFFBF0 !important;
}

.tce-multi-select .tce-choice-button.selected {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
    color: #1A202C !important;
    border-color: #FF8C00 !important;
    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3) !important;
}