/* Btw-schakelaar: label + schuifknop + "BTW" (standaard), of incl./excl.-pills (filter wcp_vat_switch_style). */
.tax-pills {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: var(--wcp-font-size-sm, 0.875rem);
}
.tax-pills strong { font-weight: var(--wcp-font-weight-bold, 700); }

/* Toggle */
.tax-pills__label { min-width: 2.6em; font-weight: var(--wcp-font-weight-bold, 700); }
.tax-pills__switch {
	position: relative;
	flex-shrink: 0;
	width: 3rem;
	height: 1.5rem;
	padding: 0;
	border: 1px solid var(--wcp-color-border, #e5e7eb);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
}
.tax-pills__knob {
	position: absolute;
	top: 50%;
	left: 0.2rem;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background: var(--wcp-color-border, #e5e7eb);
	transform: translateY(-50%);
	transition: left 0.2s ease, background-color 0.2s ease;
}
.tax-pills[data-active="incl"] .tax-pills__knob {
	left: calc(100% - 1.3rem);
	background: var(--wcp-color-primary, #0095cd);
}
.tax-pills__switch:focus-visible { outline: 2px solid var(--wcp-color-primary, #0095cd); outline-offset: 2px; }
.tax-pills__hidden { display: none; }

/* Pills */
.tax-pills--pills button {
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: inherit;
	line-height: 1.5;
	border-radius: var(--wcp-radius-sm, 0.25rem);
	cursor: pointer;
}
.tax-pills--pills button.active {
	background-color: var(--wcp-color-primary, #0095cd);
	color: #fff;
	padding: 0.25rem 0.5rem;
}