/* AI Chatbot Pro - chat window themes.
   Each theme is switched on by a class on #iamkd-chatbot-root, so it only affects the chatbot. */

/* ── Glass ─────────────────────────────────────────────────── */
.iamkd-theme-glass .iamkd-chat-container {
    background: rgba(255, 255, 255, .62);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
    backdrop-filter: blur(20px) saturate(170%);
    border: 1px solid rgba(255, 255, 255, .6);
    box-shadow: 0 20px 50px rgba(15, 23, 42, .22);
}
.iamkd-theme-glass .iamkd-chat-header { background: linear-gradient(135deg, var(--iamkd-primary), var(--iamkd-primary-hover)); }
.iamkd-theme-glass .iamkd-chat-body { background: transparent; }
.iamkd-theme-glass .iamkd-msg-bot .iamkd-msg-bubble { background: rgba(255, 255, 255, .78); box-shadow: 0 2px 8px rgba(15, 23, 42, .06); }
.iamkd-theme-glass .iamkd-chat-footer { background: rgba(255, 255, 255, .45); border-top-color: rgba(255, 255, 255, .6); }
.iamkd-theme-glass .iamkd-input-wrapper { background: rgba(255, 255, 255, .8); }

/* ── Midnight (dark) ───────────────────────────────────────── */
.iamkd-theme-midnight { --iamkd-bg-bot: #1e293b; --iamkd-text-bot: #e2e8f0; }
.iamkd-theme-midnight .iamkd-chat-container { background: #0f172a; box-shadow: 0 20px 50px rgba(0, 0, 0, .55); border: 1px solid #1e293b; }
.iamkd-theme-midnight .iamkd-chat-header { background: linear-gradient(135deg, #0b1220, #1e293b); border-bottom: 1px solid #334155; }
.iamkd-theme-midnight .iamkd-chat-body { background: #0b1220; }
.iamkd-theme-midnight .iamkd-chat-body::-webkit-scrollbar-thumb { background-color: #334155; }
.iamkd-theme-midnight .iamkd-msg-timestamp { color: #64748b; }
.iamkd-theme-midnight .iamkd-msg-bubble code { background-color: rgba(255, 255, 255, .08); }
.iamkd-theme-midnight .iamkd-msg-bubble pre { background-color: rgba(0, 0, 0, .35); }
.iamkd-theme-midnight .iamkd-msg-bot .iamkd-msg-bubble a { color: #93c5fd; }
.iamkd-theme-midnight .iamkd-chat-footer { background: #0f172a; border-top-color: #1e293b; }
.iamkd-theme-midnight .iamkd-input-wrapper { background: #1e293b; }
.iamkd-theme-midnight .iamkd-input-wrapper:focus-within { background: #1e293b; box-shadow: 0 0 0 3px rgba(255, 255, 255, .08); }
.iamkd-theme-midnight .iamkd-chat-input { color: #e2e8f0; }
.iamkd-theme-midnight .iamkd-chat-input::placeholder { color: #64748b; }
.iamkd-theme-midnight .iamkd-typing-indicator { background-color: #1e293b; }
.iamkd-theme-midnight .iamkd-footer-brand, .iamkd-theme-midnight .iamkd-footer-brand a { color: #64748b; }

/* ── Sunrise (warm gradient) ───────────────────────────────── */
.iamkd-theme-sunrise { --iamkd-radius: 22px; }
.iamkd-theme-sunrise .iamkd-chat-header { background: linear-gradient(135deg, var(--iamkd-primary) 0%, #f59e0b 100%); }
.iamkd-theme-sunrise .iamkd-chat-body { background: linear-gradient(180deg, #fffaf0 0%, #fff 100%); }
.iamkd-theme-sunrise .iamkd-msg-user .iamkd-msg-bubble { background: linear-gradient(135deg, var(--iamkd-primary), #f59e0b); }
.iamkd-theme-sunrise .iamkd-send-btn,
.iamkd-theme-sunrise .iamkd-chat-trigger { background: linear-gradient(135deg, var(--iamkd-primary), #f59e0b); }
.iamkd-theme-sunrise .iamkd-chat-trigger:hover { filter: brightness(1.08); }

/* ── Minimal (flat, compact) ───────────────────────────────── */
.iamkd-theme-minimal { --iamkd-radius: 8px; --iamkd-shadow: 0 8px 24px rgba(0, 0, 0, .12); }
.iamkd-theme-minimal .iamkd-chat-container { width: 360px; border: 1px solid #e5e7eb; }
.iamkd-theme-minimal .iamkd-chat-header { background: #fff; color: #111827; border-bottom: 1px solid #e5e7eb; }
.iamkd-theme-minimal .iamkd-chat-header::before { display: none; }
.iamkd-theme-minimal .iamkd-avatar { border-color: var(--iamkd-primary); background: var(--iamkd-primary); }
.iamkd-theme-minimal .iamkd-close-btn { color: #6b7280; }
.iamkd-theme-minimal .iamkd-chat-body { background: #fff; }
.iamkd-theme-minimal .iamkd-msg-bot .iamkd-msg-bubble { background: #f3f4f6; }
.iamkd-theme-minimal .iamkd-input-wrapper { border-radius: 8px; border-color: #e5e7eb; background: #fff; }
.iamkd-theme-minimal .iamkd-send-btn { border-radius: 6px; }
.iamkd-theme-minimal .iamkd-chat-trigger { border-radius: 14px !important; }

/* Keep the rounded outer ring as the only focus indicator (themes can force a square outline on textareas). */
.iamkd-chat-container .iamkd-chat-input:focus,
.iamkd-chat-container .iamkd-chat-input:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; }