/**
 * Shois Chat Button — T02 Dark Elegance Template
 *
 * Sleek dark theme with purple accents and subtle glows.
 * Type: Bubble Popup
 *
 * Base structural styles are provided by widget-base.css.
 * This file only overrides CSS custom properties and
 * adds template-specific visual tweaks.
 *
 * @package ShoisChatButton
 */

.shcb-template-dark-elegance {
    --scb-primary: #8b5cf6;
    --scb-secondary: #7c3aed;
    --scb-bg: #1a1a2e;
    --shcb-header-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    --shcb-header-text: #ffffff;
    --scb-text: #e2e8f0;
    --scb-text-light: #94a3b8;
    --shcb-cta-bg: #8b5cf6;
    --shcb-cta-text: #ffffff;
    --scb-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
    --scb-shadow-btn: 0 4px 20px rgba(139, 92, 246, 0.4);
}

.shcb-template-dark-elegance .shcb-popup-header {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.shcb-template-dark-elegance .shcb-agent-card {
    background: #16213e;
    border-color: #2a2d5e;
}

.shcb-template-dark-elegance .shcb-agent-card:hover {
    border-color: #8b5cf6;
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.15);
}

.shcb-template-dark-elegance .shcb-chip {
    color: #a78bfa;
    background: rgba(139, 92, 246, 0.1);
    border-color: rgba(139, 92, 246, 0.25);
}

.shcb-template-dark-elegance .shcb-chip:hover {
    background: rgba(139, 92, 246, 0.2);
}

.shcb-template-dark-elegance .shcb-popup-footer {
    border-top-color: #2a2d5e;
}

.shcb-template-dark-elegance .shcb-close-btn {
    background: rgba(139, 92, 246, 0.2);
}

.shcb-template-dark-elegance .shcb-close-btn:hover {
    background: rgba(139, 92, 246, 0.35);
}