/* AI Lean · WooCommerce — панель модуля WPE Filters у стилі теми (поверх базового filters.css модуля, лише коли модуль активний).
   Розмітка — templates/panel.php модуля: .wpe-filters > form.wpe-filters__form > .wpe-filters__facets > fieldset.wpe-filters__facet. */

.wpe-shop__filters { margin-bottom: 20px; }
.wpe-filters { --wf-accent: var(--color-primary, var(--wpe-color-accent)); --wf-border: var(--wpe-color-border); --wf-muted: var(--wpe-color-muted); --wf-bg: var(--wpe-color-bg); --wf-radius: var(--wpe-radius-sm); }
.wpe-filters--top .wpe-filters__form { padding: 16px 20px; border: 1px solid var(--wpe-color-border); border-radius: var(--wpe-radius); background: var(--wpe-color-surface); }
.wpe-filters__facets { gap: 12px 32px; }
.wpe-filters__facet { flex: 0 1 260px; min-width: 200px; }
.wpe-filters__facet legend { margin-bottom: 8px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wpe-color-muted); }
.wpe-filters__list { max-height: 208px; padding-right: 8px; scrollbar-width: thin; }
.wpe-filters__opt label { gap: 10px; min-height: 30px; font-size: 14px; line-height: 1.3; }
.wpe-filters__opt input { width: 18px; height: 18px; border-radius: 4px; }
.wpe-filters__name { overflow: hidden; text-overflow: ellipsis; }
.wpe-filters__count { font-size: 12px; font-variant-numeric: tabular-nums; }
.wpe-filters__range { max-width: 260px; }
.wpe-filters__range input { min-height: 40px; padding: 0 10px; background: var(--wpe-color-bg); font-variant-numeric: tabular-nums; }
.wpe-filters__range input::placeholder { color: var(--wpe-color-muted); opacity: 1; }
.wpe-filters__range input::-webkit-outer-spin-button, .wpe-filters__range input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
.wpe-filters__range input { -moz-appearance: textfield; }
.wpe-filters__foot { margin-top: 12px; }
.wpe-filters__reset { font-size: 14px; font-weight: 500; text-decoration: none; }
.wpe-filters__reset:hover { text-decoration: underline; }
.wpe-filters__apply { font-weight: 600; }
.wpe-filters__toggle { font-weight: 600; }
.wpe-filters__badge { color: var(--wpe-color-on-accent); }

/* Планшет: панель ще на сторінці, але в дві колонки фасетів */
@media (max-width: 1023px) and (min-width: 768px) {
	.wpe-filters__facet { flex-basis: calc(50% - 16px); }
}