/**
 * Shois Chat Button — T04 Minimal White Template
 *
 * Clean monochrome design with dark navy accents on white.
 * 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-minimal-white {
    --scb-primary: #0f172a;
    --scb-secondary: #334155;
    --scb-bg: #ffffff;
    --shcb-header-bg: #ffffff;
    --shcb-header-text: #0f172a;
    --scb-text: #1e293b;
    --scb-text-light: #64748b;
    --shcb-cta-bg: #0f172a;
    --shcb-cta-text: #ffffff;
    --scb-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --scb-shadow-btn: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.shcb-template-minimal-white .shcb-trigger-btn {
    background: #0f172a;
}

.shcb-template-minimal-white .shcb-trigger-btn:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.shcb-template-minimal-white .shcb-popup-header {
    background: #ffffff;
    color: #0f172a;
    border-bottom: 1px solid #e2e8f0;
}

.shcb-template-minimal-white .shcb-close-btn {
    color: #0f172a;
    background: #f1f5f9;
}

.shcb-template-minimal-white .shcb-close-btn:hover {
    background: #e2e8f0;
}

.shcb-template-minimal-white .shcb-chip {
    color: #334155;
    background: #f8fafc;
    border-color: #e2e8f0;
}

.shcb-template-minimal-white .shcb-chip:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.shcb-template-minimal-white .shcb-agent-card {
    border-color: #f1f5f9;
    background: #fafafa;
}

.shcb-template-minimal-white .shcb-agent-card:hover {
    border-color: #0f172a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ─── Dark Mode ─────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
    .shcb-template-minimal-white {
        --scb-primary: #e2e8f0;
        --scb-bg: #0f172a;
        --shcb-header-bg: #1e293b;
        --shcb-header-text: #f1f5f9;
        --scb-text: #e2e8f0;
        --scb-text-light: #94a3b8;
    }

    .shcb-template-minimal-white .shcb-trigger-btn {
        background: #e2e8f0;
        color: #0f172a;
    }

    .shcb-template-minimal-white .shcb-trigger-btn svg {
        fill: #0f172a;
    }

    .shcb-template-minimal-white .shcb-popup-header {
        background: #1e293b;
        color: #f1f5f9;
        border-bottom-color: #334155;
    }

    .shcb-template-minimal-white .shcb-close-btn {
        color: #f1f5f9;
        background: #334155;
    }

    .shcb-template-minimal-white .shcb-agent-card {
        background: #1e293b;
        border-color: #334155;
    }

    .shcb-template-minimal-white .shcb-chip {
        color: #cbd5e1;
        background: #1e293b;
        border-color: #334155;
    }

    .shcb-template-minimal-white .shcb-popup-footer {
        border-top-color: #334155;
    }
}