/* Custom scrollbar styles */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

/* Quick Action Button styles using CSS variables from PHP */
.quick-action-btn {
    padding: 4px 12px;
    border-radius: 9999px; /* rounded-full */
    font-size: var(--mehran-ai-message-font-size, 0.875rem); /* text-sm, uses message font size */
    transition: filter 0.2s;
    background-color: var(--mehran-ai-quick-btn-bg);
    color: var(--mehran-ai-quick-btn-text);
    border: 1px solid var(--mehran-ai-border-color, rgba(0,0,0,0.05));
    cursor: pointer;
}

.quick-action-btn:hover {
    filter: brightness(95%);
}

/* Rating button styles */
.rating-btn {
    opacity: 0.7;
    transition: all 0.2s;
    background: none;
    border: none;
    cursor: pointer;
}
.rating-btn:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* Specific styles for the add to cart button within messages */
.mehran-ai-add-to-cart-btn {
    background-color: var(--mehran-ai-primary-color);
    color: var(--mehran-ai-user-msg-text);
    border-radius: 9999px; /* rounded-full */
    padding: 6px 12px;
    font-size: var(--mehran-ai-message-font-size, 0.875rem);
    transition: background-color 0.2s ease-in-out;
}

.mehran-ai-add-to-cart-btn:hover {
    filter: brightness(90%);
}

/* General font family for the chatbot if custom font is not used */
body {
    font-family: 'Inter', sans-serif; /* Default fallback */
}
#mehran-ai-chatbot-container,
#mehran-ai-chatbot-window,
#mehran-ai-chatbot-messages,
#mehran-ai-chatbot-input,
#mehran-ai-chatbot-send,
.quick-action-btn,
.rating-btn,
.mehran-ai-add-to-cart-btn {
    font-family: inherit; /* Inherit from body or custom font */
}