/* UltraBot Theme Variants */

/* ===== Glassmorphism ===== */
.ultrabot-widget[data-theme="glass"] .ultrabot-window {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
}

.ultrabot-widget[data-theme="glass"] .ultrabot-header-bar {
    background: rgba(79, 70, 229, 0.85);
    backdrop-filter: blur(10px);
}

.ultrabot-widget[data-theme="glass"] .ultrabot-input-area {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
}

.ultrabot-widget[data-theme="glass"] .ultrabot-messages {
    background: transparent;
}

.ultrabot-widget[data-theme="glass"] .msg-bubble {
    backdrop-filter: blur(4px);
}

.ultrabot-widget[data-theme="glass"] .ultrabot-message.bot .msg-bubble {
    background: rgba(243, 244, 246, 0.7);
}

/* Glass dark mode */
.ultrabot-widget[data-theme="glass"][data-dark-mode="dark"] .ultrabot-window,
@media (prefers-color-scheme: dark) {
    .ultrabot-widget[data-theme="glass"][data-dark-mode="auto"] .ultrabot-window {
        background: rgba(31, 41, 55, 0.75);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ultrabot-widget[data-theme="glass"][data-dark-mode="auto"] .ultrabot-input-area {
        background: rgba(31, 41, 55, 0.6);
    }

    .ultrabot-widget[data-theme="glass"][data-dark-mode="auto"] .ultrabot-message.bot .msg-bubble {
        background: rgba(55, 65, 81, 0.7);
    }
}

/* ===== Minimal ===== */
.ultrabot-widget[data-theme="minimal"] .ultrabot-window {
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--ub-border);
}

.ultrabot-widget[data-theme="minimal"] .ultrabot-header-bar {
    background: var(--ub-bg);
    color: var(--ub-text);
    border-bottom: 1px solid var(--ub-border);
    padding: 14px 16px;
}

.ultrabot-widget[data-theme="minimal"] .ultrabot-header-bar .ultrabot-header-status .dot {
    background: var(--ub-primary);
}

.ultrabot-widget[data-theme="minimal"] .ultrabot-header-actions button {
    background: var(--ub-bg-secondary);
}

.ultrabot-widget[data-theme="minimal"] .ultrabot-header-actions button svg {
    fill: var(--ub-text-secondary);
}

.ultrabot-widget[data-theme="minimal"] .ultrabot-message.bot .msg-bubble {
    background: var(--ub-bg-secondary);
    border: 1px solid var(--ub-border);
}

.ultrabot-widget[data-theme="minimal"] .ultrabot-launcher {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ===== Rounded ===== */
.ultrabot-widget[data-theme="rounded"] .ultrabot-window {
    border-radius: 24px;
}

.ultrabot-widget[data-theme="rounded"] .ultrabot-header-bar {
    border-radius: 24px 24px 0 0;
    padding: 18px 22px;
}

.ultrabot-widget[data-theme="rounded"] .msg-bubble {
    border-radius: 20px;
}

.ultrabot-widget[data-theme="rounded"] .ultrabot-message.bot .msg-bubble {
    border-bottom-left-radius: 6px;
}

.ultrabot-widget[data-theme="rounded"] .ultrabot-message.user .msg-bubble {
    border-bottom-right-radius: 6px;
}

.ultrabot-widget[data-theme="rounded"] .ultrabot-input {
    border-radius: 20px;
    padding: 10px 18px;
}

.ultrabot-widget[data-theme="rounded"] .ultrabot-quick-reply {
    border-radius: 24px;
}

/* ===== Flat ===== */
.ultrabot-widget[data-theme="flat"] .ultrabot-window {
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 2px solid var(--ub-primary);
}

.ultrabot-widget[data-theme="flat"] .ultrabot-header-bar {
    border-radius: 0;
}

.ultrabot-widget[data-theme="flat"] .msg-bubble {
    border-radius: 4px;
}

.ultrabot-widget[data-theme="flat"] .ultrabot-input {
    border-radius: 4px;
}

.ultrabot-widget[data-theme="flat"] .ultrabot-send-btn {
    border-radius: 4px;
}

.ultrabot-widget[data-theme="flat"] .ultrabot-launcher {
    border-radius: 4px;
}

.ultrabot-widget[data-theme="flat"] .ultrabot-quick-reply {
    border-radius: 4px;
}

/* ===== Dark ===== */
.ultrabot-widget[data-theme="dark"] {
    --ub-bg: #0F172A;
    --ub-bg-secondary: #1E293B;
    --ub-text: #F1F5F9;
    --ub-text-secondary: #94A3B8;
    --ub-border: #334155;
    --ub-bubble-bot: #1E293B;
    --ub-bubble-bot-text: #F1F5F9;
    --ub-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.ultrabot-widget[data-theme="dark"] .ultrabot-header-bar {
    background: #1E293B;
    border-bottom: 1px solid #334155;
}

.ultrabot-widget[data-theme="dark"] .ultrabot-input-area {
    background: #0F172A;
    border-top: 1px solid #334155;
}

.ultrabot-widget[data-theme="dark"] .ultrabot-powered {
    border-top: 1px solid #334155;
}

/* ===== Neumorphism ===== */
.ultrabot-widget[data-theme="neumorph"] .ultrabot-window {
    background: #E0E5EC;
    box-shadow: 8px 8px 16px #b8bcc2, -8px -8px 16px #ffffff;
    border: none;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-message.bot .msg-bubble {
    background: #E0E5EC;
    box-shadow: inset 2px 2px 5px #b8bcc2, inset -2px -2px 5px #ffffff;
    color: #333;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-message.user .msg-bubble {
    box-shadow: 3px 3px 6px #b8bcc2, -3px -3px 6px #ffffff;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-input {
    background: #E0E5EC;
    border: none;
    box-shadow: inset 2px 2px 5px #b8bcc2, inset -2px -2px 5px #ffffff;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-launcher {
    box-shadow: 5px 5px 10px #b8bcc2, -5px -5px 10px #ffffff;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-header-bar {
    background: #E0E5EC;
    color: #333;
    box-shadow: 0 2px 4px #b8bcc2;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-header-actions button svg {
    fill: #555;
}

.ultrabot-widget[data-theme="neumorph"] .ultrabot-input-area {
    background: #E0E5EC;
}