/* Kastor Filtre Utilaj — widget + noUiSlider theming + responsive. */
.kfu-widget{--kfu-color:#e67e22;margin-bottom:28px;font-size:14px}
.kfu-widget-title{font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #ececec}
.kfu-slider-section{margin:0 0 26px;padding:0 4px}
.kfu-slider-label{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;margin-bottom:16px;color:#333}
.kfu-icon{font-size:15px;line-height:1}
.kfu-slider-values{display:flex;justify-content:space-between;margin-top:12px;font-size:12.5px;color:#666}
.kfu-slider-values .kfu-min-val,.kfu-slider-values .kfu-max-val{background:#f5f5f5;border-radius:4px;padding:2px 8px;font-weight:600;color:#333}

/* result count */
.kfu-result-count{margin:6px 0 16px;padding:10px 12px;background:#f7f8fa;border:1px solid #ececf0;border-radius:8px;text-align:center;font-size:13px;color:#555}
.kfu-count-number{font-weight:800;font-size:16px;color:var(--kfu-color)}
.kfu-widget.kfu-empty .kfu-count-number{color:#d63031}

/* actions */
.kfu-actions{display:flex;gap:8px}
.kfu-apply-btn,.kfu-reset-btn{flex:1;border:none;border-radius:6px;padding:10px 14px;font-size:13.5px;font-weight:600;cursor:pointer}
.kfu-apply-btn{background:var(--kfu-color);color:#fff}
.kfu-apply-btn:hover{opacity:.9}
.kfu-reset-btn{background:#f0f0f0;color:#555}
.kfu-reset-btn:hover{background:#e4e4e4}

/* noUiSlider overrides (brand) — hardcoded fallback FIRST, then var (bulletproof if --kfu-color doesn't resolve) */
.kfu-slider{width:100%;min-height:8px}
.kfu-slider.noUi-target{height:8px;border:none;box-shadow:none;background:#e3e3e3;border-radius:4px;margin:16px 0 4px}
.kfu-slider .noUi-connects{border-radius:4px}
.kfu-slider .noUi-connect{background:#e67e22;background:var(--kfu-color,#e67e22)}
.kfu-slider .noUi-handle{width:22px;height:22px;right:-11px;top:-8px;border:2px solid #e67e22;border-color:var(--kfu-color,#e67e22);border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:grab}
.kfu-slider .noUi-handle:before,.kfu-slider .noUi-handle:after{display:none}
.kfu-slider .noUi-handle:active{cursor:grabbing}
.kfu-slider .noUi-handle:focus{outline:none;box-shadow:0 0 0 5px rgba(230,126,34,.22)}

/* touch / mobile */
@media(max-width:782px){
	.kfu-slider .noUi-handle{width:28px;height:28px;right:-14px;top:-11px}
	.kfu-actions{flex-direction:column}
}