/**
 * XC Product Filter Pro — Light Mode
 * Overrides inherit-theme variables with a clean white design.
 */

.xcfp-filters-wrap {
    --xc-text: #1e293b;
    --xc-text-muted: #64748b;
    --xc-bg: #ffffff;
    --xc-bg-hover: #f1f5f9;
    --xc-border: #e2e8f0;
    --xc-accent: #2563eb;
    --xc-accent-hover: #1d4ed8;
    --xc-radius: 6px;
    --xc-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Sidebar container */
.xcfp-filters-sidebar .xcfp-filters-wrap {
    background: var(--xc-bg);
    border: 1px solid var(--xc-border);
    border-radius: 8px;
    box-shadow: var(--xc-shadow);
    padding: 16px 18px;
}

/* Filter groups */
.xcfp-filter-group {
    border-bottom-color: var(--xc-border);
}

/* Options hover */
.xcfp-option:hover {
    background: var(--xc-bg-hover);
}
.xcfp-option.xcfp-selected {
    background: rgba(37, 99, 235, 0.06);
}

/* Count badge */
.xcfp-option-count {
    color: var(--xc-text-muted);
}

/* Inputs */
.xcfp-filter-select,
.xcfp-search-input,
.xcfp-input-min,
.xcfp-input-max {
    background: #fff;
    border-color: var(--xc-border);
    color: var(--xc-text);
}
.xcfp-filter-select:focus,
.xcfp-search-input:focus,
.xcfp-input-min:focus,
.xcfp-input-max:focus {
    border-color: var(--xc-accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

/* Chips */
.xcfp-chip {
    background: #f8fafc;
    border-color: var(--xc-border);
    color: var(--xc-text);
}

/* Mobile drawer */
.xcfp-drawer {
    background: var(--xc-bg);
    color: var(--xc-text);
}
.xcfp-drawer-footer {
    background: var(--xc-bg);
}

/* Mobile toggle */
.xcfp-mobile-toggle {
    background: var(--xc-bg);
    border-color: var(--xc-border);
    color: var(--xc-text);
}
.xcfp-mobile-toggle:hover {
    background: var(--xc-bg-hover);
}

/* Scrollbar */
.xcfp-filters-sidebar::-webkit-scrollbar-thumb,
.xcfp-options-list.xcfp-scrollable::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

/* Loading overlay */
.xcfp-loading::after {
    background: rgba(255,255,255,0.6);
}