/* Bådhuset · facetfilter (instant). Matcher temaets tokens. */
.bh-filter{
	background:var(--white);border:1px solid var(--line);border-radius:18px;
	box-shadow:var(--shadow-sm);padding:18px 18px 16px;margin-bottom:26px;
}
.bhf-row{display:grid;gap:14px 16px;grid-template-columns:repeat(12,1fr);align-items:end}
.bhf-field{grid-column:span 3;display:flex;flex-direction:column;gap:6px;min-width:0}
.bhf-field--wide{grid-column:span 6}
.bhf-field--search{grid-column:span 12}
.bhf-field > label{font:600 12px/1.2 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}
.bhf-field input[type=text],
.bhf-field select{
	width:100%;height:46px;border:1px solid var(--line);border-radius:11px;
	background:var(--paper);color:var(--ink);font:500 15px/1 var(--f-body);
	padding:0 14px;appearance:none;transition:border-color var(--tf),box-shadow var(--tf);
}
.bhf-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238595a4' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px}
.bhf-field input[type=text]:focus,
.bhf-field select:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-soft)}
.bhf-search{position:relative}
.bhf-search input{padding-left:42px}
.bhf-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--ink-faint);fill:none;stroke-width:2}

/* segmenteret (Stand) */
.bhf-seg{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--paper);height:46px}
.bhf-seg label{flex:1;display:flex;align-items:center;justify-content:center;font:600 14px/1 var(--f-body);color:var(--ink-soft);cursor:pointer;position:relative}
.bhf-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.bhf-seg label:has(input:checked){background:var(--ink);color:#fff}

/* sliders */
.bhf-sliders{display:grid;gap:18px 26px;grid-template-columns:repeat(3,1fr);margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.bhf-sliders--2{grid-template-columns:repeat(2,1fr)}
.bhf-slider__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.bhf-slider__head label{font:600 12px/1.2 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}
.bhf-slider__vals{font:600 13px/1 var(--f-body);color:var(--ink)}
.bhf-slider__track{position:relative;height:30px}
.bhf-slider__rail{position:absolute;top:13px;left:0;right:0;height:4px;border-radius:4px;background:var(--line)}
.bhf-slider__fill{position:absolute;top:13px;height:4px;border-radius:4px;background:linear-gradient(90deg,#c89a59,#a3763a)}
.bhf-slider__track input[type=range]{position:absolute;top:0;left:0;width:100%;height:30px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.bhf-slider__track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--brass-deep);box-shadow:var(--shadow-sm);cursor:pointer;margin-top:0}
.bhf-slider__track input[type=range]::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--brass-deep);box-shadow:var(--shadow-sm);cursor:pointer}
.bhf-slider__track input[type=range]::-webkit-slider-runnable-track{height:30px;background:none}
.bhf-slider__track input[type=range]::-moz-range-track{height:30px;background:none}

/* flere filtre */
.bhf-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.bhf-more-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font:600 14px/1 var(--f-body);color:var(--ink);cursor:pointer}
.bhf-more-btn svg{width:15px;height:15px;stroke:var(--brass-deep);fill:none;stroke-width:2.5;transition:transform var(--tf)}
.bhf-more-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.bhf-more{display:grid;gap:14px 16px;grid-template-columns:repeat(12,1fr);margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
.bhf-more[hidden]{display:none}
.bhf-more .bhf-field{grid-column:span 3}
.bhf-check{display:flex;align-items:center;gap:9px;font:500 14px/1.2 var(--f-body);color:var(--ink-soft);cursor:pointer;align-self:end;height:46px;grid-column:span 3}
.bhf-check input{width:18px;height:18px;accent-color:var(--brass-deep)}

/* count + reset */
.bh-count{display:flex;align-items:center;gap:14px;font:500 15px/1 var(--f-body);color:var(--ink-soft)}
.bh-count strong{font:600 18px/1 var(--f-display);color:var(--ink)}
.bhf-reset{background:none;border:none;color:var(--brass-deep);font:600 14px/1 var(--f-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.bh-noresult{text-align:center;padding:48px 0;color:var(--ink-soft)}

@media(max-width:860px){
	.bhf-field{grid-column:span 6}
	.bhf-field--wide,.bhf-field--search{grid-column:span 12}
	.bhf-sliders{grid-template-columns:1fr}
	.bhf-more .bhf-field,.bhf-check{grid-column:span 6}
}