/**
 * طرح‌های مختلف چت‌بات
 * @package Hoosh_Negar
 */

/* ==================== طرح Modern (پیش‌فرض) ==================== */
.hn-style-modern .hn-chatbot-toggle {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 10px 40px rgba(99, 102, 241, 0.3);
}

.hn-style-modern .hn-chatbot-window {
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.hn-style-modern .hn-chatbot-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.hn-style-modern .hn-chatbot-message-content {
    border-radius: 16px;
}

.hn-style-modern .hn-chatbot-bot-message .hn-chatbot-message-content {
    border-bottom-right-radius: 4px;
}

.hn-style-modern .hn-chatbot-user-message .hn-chatbot-message-content {
    border-bottom-left-radius: 4px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* ==================== طرح Minimal ==================== */
.hn-style-minimal .hn-chatbot-toggle {
    background: #ffffff;
    color: #1e293b;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border: 2px solid #e2e8f0;
}

.hn-style-minimal .hn-chatbot-toggle:hover {
    border-color: #6366f1;
}

.hn-style-minimal .hn-chatbot-window {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.hn-style-minimal .hn-chatbot-header {
    background: #ffffff;
    color: #1e293b;
    border-bottom: 2px solid #f1f5f9;
}

.hn-style-minimal .hn-chatbot-avatar {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.hn-style-minimal .hn-chatbot-message-content {
    border-radius: 8px;
}

.hn-style-minimal .hn-chatbot-bot-message .hn-chatbot-message-content {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
}

.hn-style-minimal .hn-chatbot-user-message .hn-chatbot-message-content {
    background: #1e293b;
    color: white;
}

.hn-style-minimal #hn-chatbot-send {
    background: #1e293b;
}

/* ==================== طرح Rounded ==================== */
.hn-style-rounded .hn-chatbot-toggle {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    box-shadow: 0 8px 32px rgba(240, 147, 251, 0.4);
}

.hn-style-rounded .hn-chatbot-window {
    border-radius: 32px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

.hn-style-rounded .hn-chatbot-header {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    border-radius: 32px 32px 0 0;
}

.hn-style-rounded .hn-chatbot-message-content {
    border-radius: 24px;
}

.hn-style-rounded .hn-chatbot-bot-message .hn-chatbot-message-content {
    border-bottom-right-radius: 8px;
}

.hn-style-rounded .hn-chatbot-user-message .hn-chatbot-message-content {
    border-bottom-left-radius: 8px;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.hn-style-rounded .hn-input-container {
    border-radius: 32px;
}

.hn-style-rounded #hn-chatbot-send {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* ==================== طرح Professional ==================== */
.hn-style-professional .hn-chatbot-toggle {
    background: #0f172a;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.3);
}

.hn-style-professional .hn-chatbot-window {
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
    border: 1px solid #1e293b;
}

.hn-style-professional .hn-chatbot-header {
    background: #0f172a;
    border-bottom: 1px solid #334155;
}

.hn-style-professional .hn-chatbot-messages {
    background: #f8fafc;
}

.hn-style-professional .hn-chatbot-message-content {
    border-radius: 6px;
}

.hn-style-professional .hn-chatbot-bot-message .hn-chatbot-message-content {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #1e293b;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.hn-style-professional .hn-chatbot-user-message .hn-chatbot-message-content {
    background: #0f172a;
    color: white;
}

.hn-style-professional #hn-chatbot-send {
    background: #0f172a;
    border-radius: 6px;
}

.hn-style-professional .hn-input-container {
    border-radius: 8px;
}

/* ==================== طرح Gradient ==================== */
.hn-style-gradient .hn-chatbot-toggle {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    box-shadow: 0 10px 40px rgba(250, 112, 154, 0.4);
}

.hn-style-gradient .hn-chatbot-window {
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.16);
    border: none;
}

.hn-style-gradient .hn-chatbot-header {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.hn-style-gradient .hn-chatbot-messages {
    background: linear-gradient(180deg, #ffffff 0%, #fef3f2 100%);
}

.hn-style-gradient .hn-chatbot-message-content {
    border-radius: 18px;
}

.hn-style-gradient .hn-chatbot-bot-message .hn-chatbot-message-content {
    background: white;
    box-shadow: 0 4px 16px rgba(250, 112, 154, 0.1);
    border: 1px solid rgba(250, 112, 154, 0.2);
}

.hn-style-gradient .hn-chatbot-user-message .hn-chatbot-message-content {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: #1e293b;
}

.hn-style-gradient #hn-chatbot-send {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* ==================== طرح Dark ==================== */
.hn-style-dark .hn-chatbot-toggle {
    background: linear-gradient(135deg, #434343 0%, #000000 100%);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.hn-style-dark .hn-chatbot-window {
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
    background: #1a1a1a;
    border: 1px solid #2d2d2d;
}

.hn-style-dark .hn-chatbot-header {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
    border-bottom: 1px solid #404040;
}

.hn-style-dark .hn-chatbot-messages {
    background: #1a1a1a;
}

.hn-style-dark .hn-chatbot-message-content {
    border-radius: 14px;
}

.hn-style-dark .hn-chatbot-bot-message .hn-chatbot-message-content {
    background: #2d2d2d;
    color: #e5e5e5;
    border: 1px solid #404040;
}

.hn-style-dark .hn-chatbot-user-message .hn-chatbot-message-content {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
    color: white;
}

.hn-style-dark .hn-chatbot-footer {
    background: #1a1a1a;
    border-top: 1px solid #404040;
}

.hn-style-dark .hn-input-container {
    background: #2d2d2d;
    border-color: #404040;
}

.hn-style-dark #hn-chatbot-input {
    color: #e5e5e5;
}

.hn-style-dark #hn-chatbot-input::placeholder {
    color: #999;
}

.hn-style-dark #hn-chatbot-send {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
}

.hn-style-dark .hn-welcome-avatar {
    background: linear-gradient(135deg, #434343 0%, #000000 100%);
}

.hn-style-dark .hn-chatbot-welcome h3,
.hn-style-dark .hn-faq-header h3 {
    color: #e5e5e5;
}

.hn-style-dark .hn-welcome-subtitle,
.hn-style-dark .hn-faq-header p {
    color: #999;
}

.hn-style-dark .hn-quick-reply,
.hn-style-dark .hn-faq-item {
    background: #2d2d2d;
    border-color: #404040;
    color: #e5e5e5;
}

.hn-style-dark .hn-quick-reply:hover,
.hn-style-dark .hn-faq-item:hover {
    background: #3d3d3d;
    border-color: #6366f1;
}

.hn-style-dark .hn-chatbot-branding {
    color: #999;
}