/* Haarmarkt — filterpaneel. Tokens uit het ontwerp. */
.hm-filterbar,.hm-sheet,.hm-overlay{
	--accent:#DAB0AE; --accent-dark:#8A4A47; --accent-soft:#FBF2F1;
	--green:#4D874D; --ink:#1F1B1A; --muted:#6B6B6B; --muted-2:#9A9190;
	--bg-soft:#FAF7F6; --border:#F0E9E8; --border-strong:#E7DEDD;
	font-family:"Poppins",sans-serif; box-sizing:border-box;
}
.hm-filterbar *,.hm-sheet *{box-sizing:border-box}

/* ---------------------------------------------------------- sticky knopbalk */
.hm-filterbar{
	position:fixed; left:0; right:0; bottom:0; z-index:9998; background:#fff;
	border-top:1px solid var(--border); padding:10px 16px calc(10px + env(safe-area-inset-bottom));
	transform:translateY(120%); transition:transform .22s ease;
}
.hm-filterbar.is-open{transform:translateY(0)}
.hm-filterbar__knop{
	width:100%; max-width:640px; margin:0 auto; height:48px; display:flex; align-items:center;
	justify-content:center; gap:8px; background:var(--ink); color:#fff; border:0; border-radius:12px;
	font:600 14px/1 "Poppins",sans-serif; cursor:pointer;
}
.hm-filterbar__knop svg{width:16px;height:16px;fill:currentColor}
.hm-filterbar__knop:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.hm-filterbar__badge{
	min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--green);
	color:#fff;font:700 12px/22px "Poppins",sans-serif;
}
body.hm-bar-zichtbaar{padding-bottom:78px}

/* ------------------------------------------------------------------- sheet */
.hm-overlay{position:fixed;inset:0;background:rgba(31,27,26,.45);z-index:9999;opacity:0;transition:opacity .2s ease}
.hm-overlay.is-open{opacity:1}
.hm-sheet{
	position:fixed; left:0; right:0; bottom:0; z-index:10000;
	background:#fff; border-radius:20px 20px 0 0; display:flex; flex-direction:column;
	max-height:92vh; transform:translateY(100%); transition:transform .26s cubic-bezier(.32,.72,0,1);
	box-shadow:0 -12px 40px rgba(31,27,26,.18);
}
.hm-sheet.is-open{transform:translateY(0)}
@media(min-width:760px){
	.hm-sheet{left:50%; right:auto; width:420px; transform:translate(-50%,100%)}
	.hm-sheet.is-open{transform:translate(-50%,0)}
}
@media(prefers-reduced-motion:reduce){
	.hm-sheet,.hm-overlay,.hm-filterbar{transition:none}
}

.hm-sheet__handle{display:flex;justify-content:center;padding:10px 0 0}
.hm-sheet__handle span{width:36px;height:4px;border-radius:2px;background:var(--border-strong)}

.hm-sheet__header{
	padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px;
	border-bottom:1px solid var(--border);
}
.hm-sheet__title{font:700 18px/1.2 "Poppins",sans-serif;color:var(--ink)}
.hm-sheet__sub{font:400 12px/1.4 "Poppins",sans-serif;color:var(--muted);margin-top:2px}
.hm-sheet__close{
	width:32px;height:32px;border-radius:16px;border:0;background:#F5EFEE;color:var(--ink);
	font-size:15px;cursor:pointer;flex:0 0 auto;
}
.hm-sheet__close:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.hm-sheet__chips{
	display:flex; gap:8px; overflow-x:auto; padding:12px 20px;
	border-bottom:1px solid var(--border); scrollbar-width:none;
}
.hm-sheet__chips::-webkit-scrollbar{display:none}
.hm-sheet__chips:empty{display:none}
.hm-chip{
	flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:7px 10px;
	border-radius:20px; background:var(--accent-soft); color:var(--accent-dark);
	font:600 12px/1 "Poppins",sans-serif; border:0; cursor:pointer;
}
.hm-chip:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}
.hm-chips-wis{
	flex-shrink:0;padding:7px 10px;font:600 12px/1 "Poppins",sans-serif;color:var(--muted);
	background:none;border:0;text-decoration:underline;cursor:pointer;
}

.hm-sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 20px 16px;flex:1 1 auto}
.hm-quick{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}
.hm-sec{margin-top:22px}
.hm-sec__title{font:700 14px/1.2 "Poppins",sans-serif;color:var(--ink);margin:0 0 12px}

.hm-merkzoek{
	width:100%;height:38px;border-radius:10px;border:1.5px solid var(--border);
	background:var(--bg-soft);padding:0 12px;margin-bottom:10px;
	font:400 13px/1 "Poppins",sans-serif;color:var(--ink);
}
.hm-slot--merken_mobiel{max-height:168px;overflow-y:auto}

.hm-sheet__footer{
	padding:14px 20px calc(20px + env(safe-area-inset-bottom));
	border-top:1px solid var(--border); display:flex; gap:10px; background:#fff;
}
.hm-btn-reset{
	flex:1;height:48px;border-radius:12px;border:1.5px solid var(--border-strong);background:#fff;
	font:600 14px/1 "Poppins",sans-serif;color:var(--ink);cursor:pointer;
}
.hm-btn-show{
	flex:2;height:48px;border-radius:12px;border:0;background:var(--green);
	font:700 14px/1 "Poppins",sans-serif;color:#fff;cursor:pointer;
}
.hm-btn-reset:focus-visible,.hm-btn-show:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* ------------------------------- FacetWP-markup binnen ons paneel opmaken --- */
.hm-sheet .facetwp-facet{margin:0!important}

/* snelle chips */
.hm-quick .facetwp-facet{display:flex;gap:8px;flex-wrap:wrap}
.hm-quick .facetwp-checkbox{
	padding:9px 14px!important; border-radius:20px; font:600 13px/1 "Poppins",sans-serif;
	background:#fff!important; background-image:none!important; color:var(--ink);
	border:1.5px solid var(--border-strong); cursor:pointer; margin:0!important;
}
.hm-quick .facetwp-checkbox.checked{background:var(--ink)!important;color:#fff;border-color:var(--ink)}
.hm-quick .facetwp-counter{display:none!important}

/* checkbox-rijen met aantal rechts */
.hm-slot .facetwp-checkbox{
	display:flex!important; align-items:center; gap:10px; padding:9px 0 9px 29px!important;
	margin:0!important; cursor:pointer; position:relative;
	font:400 13.5px/1.3 "Poppins",sans-serif; color:var(--ink);
	background:none!important; background-image:none!important;
}
.hm-slot .facetwp-checkbox::before{
	content:"";position:absolute;left:0;top:50%;margin-top:-9.5px;width:19px;height:19px;
	border-radius:5px;border:1.5px solid #D8CFCD;background:#fff;
}
.hm-slot .facetwp-checkbox.checked::before{background:var(--green);border-color:var(--green)}
.hm-slot .facetwp-checkbox.checked::after{
	content:"";position:absolute;left:6px;top:50%;margin-top:-5px;width:5px;height:9px;
	border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.hm-slot .facetwp-counter{
	display:inline-block!important;margin-left:auto;
	font:400 12px/1 "Poppins",sans-serif!important;color:var(--muted-2)!important;
}

/* inhoud als pills */
.hm-slot--inhoud{display:flex;gap:8px;flex-wrap:wrap}
.hm-slot--inhoud .facetwp-facet{display:flex;gap:8px;flex-wrap:wrap}
.hm-slot--inhoud .facetwp-checkbox{
	min-width:56px;padding:9px 12px!important;border-radius:10px;justify-content:center;
	font:600 13px/1 "Poppins",sans-serif;background:#fff!important;color:var(--ink);
	border:1.5px solid var(--border-strong);
}
.hm-slot--inhoud .facetwp-checkbox::before,.hm-slot--inhoud .facetwp-checkbox::after{display:none}
.hm-slot--inhoud .facetwp-checkbox.checked{background:var(--accent)!important;color:#fff;border-color:var(--accent)}
.hm-slot--inhoud .facetwp-counter{display:none!important}

/* prijsvelden */
.hm-slot--prijs_mobiel input{
	height:38px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-soft);
	padding:0 12px;font:400 13px/1 "Poppins",sans-serif;color:var(--ink);width:calc(50% - 5px);
}
.hm-slot--prijs_mobiel .facetwp-btn{margin-top:10px}

/* ------------------------------------------------- prijsslider (noUiSlider) */
.hm-sheet:not(.is-open){visibility:hidden;pointer-events:none}
.hm-sheet.is-open{visibility:visible;pointer-events:auto}

.hm-slot--prijs .facetwp-slider-wrap{padding:6px 8px 0}
.hm-slot--prijs .facetwp-slider{
	height:4px!important;border:0!important;border-radius:2px!important;
	background:var(--border)!important;box-shadow:none!important;margin:10px 8px 0;
}
.hm-slot--prijs .noUi-connect{background:var(--accent)!important;border-radius:2px}
.hm-slot--prijs .noUi-handle{
	width:16px!important;height:16px!important;top:-6px!important;right:-8px!important;
	border-radius:8px!important;background:#fff!important;border:2px solid var(--accent)!important;
	box-shadow:0 1px 3px rgba(0,0,0,.2)!important;cursor:grab;
}
.hm-slot--prijs .noUi-handle::before,.hm-slot--prijs .noUi-handle::after{display:none!important}
.hm-slot--prijs .noUi-handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hm-slot--prijs .facetwp-slider-label{
	display:block;margin-top:12px;text-align:center;
	font:500 12px/1 "Poppins",sans-serif;color:var(--muted);
}
/* eigen "Wis alles" onderin doet het resetwerk */
.hm-slot--prijs .facetwp-slider-reset{display:none!important}

/* =========================================================================
   Desktop-sidebar: zelfde vormgeving als het mobiele paneel, maar alles staat
   altijd open. Gescopet op .facet-wrap, dat alleen in de archief-sidebar zit.
   ========================================================================= */
@media(min-width:1025px){
	.facet-wrap{
		--accent:#DAB0AE; --accent-soft:#FBF2F1; --green:#4D874D; --ink:#1F1B1A;
		--muted:#6B6B6B; --muted-2:#9A9190; --bg-soft:#FAF7F6;
		--border:#F0E9E8; --border-strong:#E7DEDD;
		font-family:"Poppins",sans-serif;
		padding:18px 0; border-bottom:1px solid var(--border);
	}
	.facet-wrap:last-of-type{border-bottom:0}

	/* sectiekop: geen chevron, geen klikgedrag */
	.facet-wrap > h3{
		margin:0 0 12px; padding:0; cursor:default;
		font:700 14px/1.2 "Poppins",sans-serif; color:var(--ink);
		display:block; user-select:auto;
	}
	.facet-wrap > h3::after{content:none}

	/* checkbox-rijen met aantal rechts */
	.facet-wrap .facetwp-checkbox{
		display:flex!important; align-items:center; gap:10px;
		padding:9px 0 9px 29px!important; margin:0!important; position:relative; cursor:pointer;
		font:400 13.5px/1.3 "Poppins",sans-serif; color:var(--ink);
		background:none!important; background-image:none!important;
	}
	.facet-wrap .facetwp-checkbox::before{
		content:"";position:absolute;left:0;top:50%;margin-top:-9.5px;width:19px;height:19px;
		border-radius:5px;border:1.5px solid #D8CFCD;background:#fff;
	}
	.facet-wrap .facetwp-checkbox.checked::before{background:var(--green);border-color:var(--green)}
	.facet-wrap .facetwp-checkbox.checked::after{
		content:"";position:absolute;left:6px;top:50%;margin-top:-5px;width:5px;height:9px;
		border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
	}
	.facet-wrap .facetwp-counter{
		display:inline-block!important;margin-left:auto;
		font:400 12px/1 "Poppins",sans-serif!important;color:var(--muted-2)!important;
	}

	/* Inhoud op desktop onder elkaar, als gewone keuzerijen (zie de generieke
	   .facet-wrap-regels hierboven). In het mobiele paneel blijft het pills. */
	/* prijsslider */
	.facet-wrap .facetwp-slider{
		height:4px!important;border:0!important;border-radius:2px!important;
		background:var(--border)!important;box-shadow:none!important;margin:10px 8px 0;
	}
	.facet-wrap .noUi-connect{background:var(--accent)!important;border-radius:2px}
	.facet-wrap .noUi-handle{
		width:16px!important;height:16px!important;top:-6px!important;right:-8px!important;
		border-radius:8px!important;background:#fff!important;border:2px solid var(--accent)!important;
		box-shadow:0 1px 3px rgba(0,0,0,.2)!important;
	}
	.facet-wrap .noUi-handle::before,.facet-wrap .noUi-handle::after{display:none!important}
	.facet-wrap .facetwp-slider-label{
		display:block;margin-top:12px;text-align:center;
		font:500 12px/1 "Poppins",sans-serif;color:var(--muted);
	}
	.facet-wrap .facetwp-slider-reset{
		margin-top:12px;height:38px;padding:0 16px;border-radius:10px;
		border:1.5px solid var(--border-strong);background:#fff;color:var(--ink);
		font:600 13px/1 "Poppins",sans-serif;cursor:pointer;
	}

	/* merken-keuzelijst */
	.facet-wrap .facetwp-type-fselect .fs-wrap .fs-label-wrap{
		border-radius:10px!important;border:1.5px solid var(--border)!important;
		background:var(--bg-soft)!important;min-height:38px;
		font:400 13px/1 "Poppins",sans-serif;
	}
	.facet-wrap .fs-option{font:400 13px/1.3 "Poppins",sans-serif;padding:8px 10px}
	.facet-wrap .fs-option.selected{background:var(--accent-soft)}

	/* "Toon meer"-schakelaar */
	.facet-wrap .facetwp-toggle{
		display:inline-block;margin-top:8px;color:var(--accent-dark,#8A4A47);
		font:600 13px/1 "Poppins",sans-serif;text-decoration:underline;cursor:pointer;
	}

	/* het kopje FILTERS boven de sidebar */
	.elementor-widget-text-editor:has(+ .elementor-widget-facetwp-facet) p{
		font:700 16px/1.2 "Poppins",sans-serif;color:var(--ink,#1F1B1A);margin:0 0 4px;
	}
}