/* Sidebar filters, readable dark options + brand gold (not blue) */

:root {
    --af-filter-accent: #f3981a;
    --af-filter-accent-hover: #e68a07;
    --af-filter-accent-soft: rgba(243, 152, 26, 0.14);
}

/* Replace blue accents everywhere in refine sidebar */
.af-refine-icon {
    color: var(--af-filter-accent) !important;
}

.af-sidebar-quick-label::after {
    background: var(--af-filter-accent) !important;
}

.af-sidebar-quick-input:focus {
    border-color: var(--af-filter-accent) !important;
    box-shadow: 0 0 0 3px rgba(243, 152, 26, 0.18) !important;
}

.af-popular-brand.is-active {
    background: var(--af-filter-accent-soft) !important;
    box-shadow: inset 0 0 0 1px var(--af-filter-accent) !important;
}

.af-refine-value.is-set {
    color: var(--af-filter-accent) !important;
}

/* ── Dark theme: readable filter panel ── */
[data-jr-theme="spotify"] .af-refine-summary {
    border-color: rgba(255, 255, 255, 0.06);
}

[data-jr-theme="spotify"] .af-refine-summary:hover {
    background: #2a2a2a !important;
}

[data-jr-theme="spotify"] .af-refine-block {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-jr-theme="spotify"] .af-refine-body {
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

[data-jr-theme="spotify"] .af-refine-label {
    color: #ffffff !important;
    font-weight: 600;
}

[data-jr-theme="spotify"] .af-refine-value {
    color: #b3b3b3 !important;
}

[data-jr-theme="spotify"] .af-refine-value.is-set,
[data-jr-theme="spotify"] .af-refine-icon,
[data-jr-theme="spotify"] .af-refine-chevron {
    color: var(--af-filter-accent) !important;
}

[data-jr-theme="spotify"] .af-option-text,
[data-jr-theme="spotify"] .af-option-text span,
[data-jr-theme="spotify"] .af-option-label,
[data-jr-theme="spotify"] .af-toggle-row {
    color: #ffffff !important;
}

[data-jr-theme="spotify"] .af-option-label:hover {
    background: #333333 !important;
}

[data-jr-theme="spotify"] .af-options-list li {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-jr-theme="spotify"] .af-checkbox-mark {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: #1a1a1a;
}

[data-jr-theme="spotify"] .af-checkbox-input:checked + .af-checkbox-mark {
    background: var(--af-filter-accent) !important;
    border-color: var(--af-filter-accent) !important;
    color: #ffffff !important;
}

[data-jr-theme="spotify"] .af-options-search-input:focus,
[data-jr-theme="spotify"] .af-select-filter-input:focus {
    border-color: var(--af-filter-accent) !important;
    box-shadow: 0 0 0 2px rgba(243, 152, 26, 0.25) !important;
}

[data-jr-theme="spotify"] .af-sidebar-quick-input:focus {
    border-color: var(--af-filter-accent) !important;
    box-shadow: 0 0 0 2px rgba(243, 152, 26, 0.25) !important;
}

[data-jr-theme="spotify"] .af-options-scroll::-webkit-scrollbar-thumb,
[data-jr-theme="spotify"] .af-options-compact::-webkit-scrollbar-thumb,
[data-jr-theme="spotify"] .af-sidebar::-webkit-scrollbar-thumb {
    background: #525252 !important;
}

[data-jr-theme="spotify"] .af-options-scroll::-webkit-scrollbar-track,
[data-jr-theme="spotify"] .af-options-compact::-webkit-scrollbar-track,
[data-jr-theme="spotify"] .af-sidebar::-webkit-scrollbar-track {
    background: transparent !important;
}

[data-jr-theme="spotify"] .af-refine-empty,
[data-jr-theme="spotify"] .af-refine-fallback,
[data-jr-theme="spotify"] .af-sidebar-hint {
    color: #b3b3b3 !important;
}

[data-jr-theme="spotify"] .af-option-count {
    color: #737373 !important;
}

/* Radio-only option rows (condition etc.) */
[data-jr-theme="spotify"] .af-options-list input[type="radio"] {
    accent-color: var(--af-filter-accent);
}