/**
 * Showroom sidebar filter appearance (CSS variables from Facets admin).
 */

.xprss-filters-panel {
  background-color: var(--xprss-facet-bg, #ffffff);
  color: var(--xprss-facet-ink, var(--brand-sec, #33414a));
}

.xprss-filters-panel h3 {
  color: var(--xprss-facet-ink, var(--brand-sec, #33414a));
}

.xprss-filters-panel legend,
.xprss-filters-panel label.block,
.xprss-filters-panel label.mb-1\.5 {
  color: var(--xprss-facet-label, #737373);
}

.xprss-filters-panel .text-neutral-400 {
  color: var(--xprss-facet-muted, #a3a3a3);
}

.xprss-filters-panel select,
.xprss-filters-panel input[type='search'],
.xprss-filters-panel input[type='number'],
.xprss-filters-panel input[type='text'] {
  background-color: var(--xprss-facet-control-bg, #ffffff);
  color: var(--xprss-facet-control-ink, var(--brand-sec, #33414a));
  border-color: var(--xprss-facet-control-border, #d4d4d4);
}

.xprss-filters-panel input[type='checkbox'],
.xprss-filters-panel input[type='radio'] {
  accent-color: var(--xprss-facet-track-fill, var(--brand-pri));
}

.xprss-filters-panel [data-xprss-range-track],
.xprss-filters-panel .xprss-facet-track-fill {
  background-color: var(--xprss-facet-track-fill, var(--brand-pri));
}

.xprss-filters-panel .xprss-facet-track-bg {
  background-color: var(--xprss-facet-track-bg, #e5e7eb);
}

.xprss-filters-panel .range-slider-min::-webkit-slider-thumb,
.xprss-filters-panel .range-slider-max::-webkit-slider-thumb {
  background: var(--xprss-facet-thumb, var(--brand-pri));
}

.xprss-filters-panel .range-slider-min::-moz-range-thumb,
.xprss-filters-panel .range-slider-max::-moz-range-thumb {
  background: var(--xprss-facet-thumb, var(--brand-pri));
}

.xprss-filters-panel .range-slider-min::-webkit-slider-thumb:hover,
.xprss-filters-panel .range-slider-max::-webkit-slider-thumb:hover,
.xprss-filters-panel .range-slider-min::-moz-range-thumb:hover,
.xprss-filters-panel .range-slider-max::-moz-range-thumb:hover {
  background: var(--xprss-facet-thumb-hover, var(--brand-sec, #33414a));
}

.xprss-filters-panel .xprss-facet-submit {
  background-color: var(--xprss-facet-submit-bg, var(--brand-pri));
  color: var(--xprss-facet-submit-ink, #ffffff);
}

.xprss-filters-panel .xprss-facet-submit:hover,
.xprss-filters-panel .xprss-facet-submit:focus-visible {
  background-color: var(--xprss-facet-submit-hover-bg, var(--brand-sec, #33414a));
  color: var(--xprss-facet-submit-hover-ink, #ffffff);
}

.xprss-filters-panel .xprss-facet-reset {
  background-color: var(--xprss-facet-reset-bg, #f3f4f6);
  color: var(--xprss-facet-reset-ink, var(--brand-sec, #33414a));
}

.xprss-filters-panel .xprss-facet-reset:hover,
.xprss-filters-panel .xprss-facet-reset:focus-visible {
  background-color: var(--xprss-facet-reset-hover-bg, #e5e7eb);
}