/**
 * Shois Chat Button — T01 Classic Green Template
 *
 * Standard WhatsApp aesthetic, clean agent cards, subtle shadow.
 * 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-classic-green {
    --scb-primary: #00ff6e;
    --scb-secondary: #00e060;
    --scb-bg: #ffffff;
    --shcb-header-bg: #00ff6e;
    --shcb-header-text: #ffffff;
    --scb-text: #333333;
    --scb-text-light: #666666;
    --shcb-cta-bg: #00ff6e;
    --shcb-cta-text: #ffffff;
    --scb-shadow-btn: 0 4px 16px rgba(0, 255, 110, 0.35);
}

.shcb-template-classic-green .shcb-trigger-btn:hover {
    box-shadow: 0 6px 24px rgba(0, 255, 110, 0.45);
}

.shcb-template-classic-green .shcb-chip {
    color: var(--scb-primary);
    background: rgba(0, 255, 110, 0.08);
    border-color: rgba(0, 255, 110, 0.25);
}

.shcb-template-classic-green .shcb-chip:hover {
    background: rgba(0, 255, 110, 0.15);
}

.shcb-template-classic-green .shcb-agent-card:hover {
    border-color: var(--scb-primary);
    box-shadow: 0 2px 8px rgba(0, 255, 110, 0.1);
}

/* ─── Dark Mode ─────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
    .shcb-template-classic-green {
        --scb-bg: #1e1e1e;
        --scb-text: #e5e5e5;
        --scb-text-light: #a0a0a0;
    }

    .shcb-template-classic-green .shcb-agent-card {
        background: #2a2a2a;
        border-color: #3a3a3a;
    }

    .shcb-template-classic-green .shcb-popup-footer {
        border-top-color: #333;
    }
}