/**
 * ShowcaseX Pro — Dark Mode Overrides
 */

.theme-dark {
    --pixsp-bg: #0f172a;
    --pixsp-bg-2: #1e293b;
    --pixsp-text: #f8fafc;
    --pixsp-text-muted: #94a3b8;
    --pixsp-border: #334155;
}

/* Base Body Dark Mode if standalone page */
body.pixsp-theme-dark {
    background-color: var(--pixsp-bg);
    color: var(--pixsp-text);
}

.theme-dark .pixsp-search-input,
.theme-dark .pixsp-sort-select {
    color: var(--pixsp-text);
    background-color: var(--pixsp-bg);
    border-color: var(--pixsp-border);
}

.theme-dark .pixsp-search-results-dropdown {
    background: var(--pixsp-bg-2);
    border-color: var(--pixsp-border);
}

.theme-dark .pixsp-search-result-item:hover {
    background: var(--pixsp-bg);
}

.theme-dark .pixsp-filter-chip {
    background: transparent;
    border-color: transparent;
    color: var(--pixsp-text-muted);
}

.theme-dark .pixsp-filter-chip:hover {
    background: transparent;
    color: var(--pixsp-text);
}

.theme-dark .pixsp-filter-chip.active {
    background: transparent;
    color: var(--pixsp-text);
    border-color: var(--pixsp-text);
}

.theme-dark .pixsp-card.style-solid {
    background: var(--pixsp-bg-2);
    border-color: var(--pixsp-border);
}

/* Modals in dark theme */
.popup-dark {
    --pixsp-bg: #0f172a;
    --pixsp-bg-2: #1e293b;
    --pixsp-text: #f8fafc;
    --pixsp-text-muted: #94a3b8;
    --pixsp-border: #334155;
    
    background: var(--pixsp-bg);
    color: var(--pixsp-text);
}

.popup-dark .pixsp-modal-sidebar-card {
    background: var(--pixsp-bg-2);
    border-color: var(--pixsp-border);
}