.shop-filters ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ruimte-2);
	margin: 0 0 var(--ruimte-7);
	padding: 0;
	list-style: none;
}

.shop-filters a {
	display: inline-flex;
	align-items: center;
	min-height: 2.5rem;
	padding: 0 1.1rem;
	border: 1px solid var(--kleur-lijn-licht);
	border-radius: var(--radius-rond);
	color: var(--kleur-tekst-licht);
	font-size: var(--fs-klein);
	font-weight: 700;
	text-decoration: none;
	transition: background-color var(--duur), border-color var(--duur), color var(--duur);
}

.shop-filters a:hover {
	border-color: var(--kleur-messing);
	color: var(--kleur-messing-licht);
}

.shop-filters a.is-actief {
	background: var(--kleur-messing);
	border-color: var(--kleur-messing);
	color: var(--kleur-nacht);
}

ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
	gap: clamp(2.5rem, 2rem + 2vw, 3.5rem) clamp(1.5rem, 1rem + 2vw, 2.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.products::before,
ul.products::after {
	display: none;
}

.product-kaart .dossier-papier {
	padding-bottom: 1.1rem;
}

.product-kaart-link {
	color: inherit;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.product-kaart .dossier-voet .button,
.product-kaart .dossier-voet .knop {
	flex: none;
}

.product-kaart .added_to_cart {
	display: none;
}

.product-kaart .button.loading {
	opacity: 0.7;
	pointer-events: none;
}

.product-kaart .button.added::before {
	content: "✓";
}

.woocommerce-pagination ul {
	display: flex;
	justify-content: center;
	gap: var(--ruimte-2);
	margin: var(--ruimte-7) 0 0;
	padding: 0;
	list-style: none;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
	display: grid;
	place-items: center;
	min-width: 2.75rem;
	height: 2.75rem;
	border: 1px solid var(--kleur-lijn-licht);
	border-radius: var(--radius-klein);
	color: var(--kleur-tekst-licht);
	text-decoration: none;
}

.woocommerce-pagination .current {
	background: var(--kleur-messing);
	color: var(--kleur-nacht);
}

.woocommerce-no-products-found .woocommerce-info {
	text-align: center;
}

.woo-pagina {
	padding-top: var(--ruimte-8);
}

.woo-pagina .woocommerce {
	color: var(--kleur-tekst-licht);
}

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: var(--ruimte-7);
}

.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 2px;
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.75rem 1rem;
	border-radius: var(--radius-klein);
	color: var(--kleur-tekst-licht);
	text-decoration: none;
}

.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
	background: rgba(200, 137, 47, 0.12);
	color: var(--kleur-messing-licht);
}

.woocommerce-MyAccount-content,
.woocommerce-form-login,
.woocommerce-form-register {
	padding: clamp(1.25rem, 1rem + 2vw, 2.5rem);
	background-color: var(--kleur-papier);
	background-image: var(--papier-vlek), var(--ruis);
	color: var(--kleur-inkt);
	box-shadow: var(--schaduw-papier);
}

.woocommerce-MyAccount-content a {
	color: var(--kleur-zegel);
}

.u-columns.col2-set {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--ruimte-6);
}

.woocommerce-account .u-columns.col2-set {
	grid-column: 1 / -1;
}

.woocommerce table.shop_table {
	width: 100%;
	border-collapse: collapse;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 0.85rem 0.75rem;
	border-bottom: 1px solid var(--kleur-lijn-donker);
	text-align: left;
	vertical-align: middle;
}

.form-row {
	margin: 0 0 var(--ruimte-4);
	padding: 0;
}

.form-row label {
	display: block;
	margin-bottom: var(--ruimte-1);
	font-size: var(--fs-klein);
	font-weight: 700;
}

.form-row .required {
	color: var(--kleur-zegel);
	text-decoration: none;
}

.form-row-first,
.form-row-last {
	width: calc(50% - 0.5rem);
	float: left;
}

.form-row-last {
	float: right;
}

.form-row-wide,
.form-row:not(.form-row-first):not(.form-row-last) {
	clear: both;
}

.woocommerce-input-wrapper {
	display: block;
}

.woocommerce-invalid input {
	border-color: var(--kleur-fout);
}

.select2-container .select2-selection--single {
	height: 3rem !important;
	border: 1px solid var(--kleur-lijn-donker) !important;
	background: var(--kleur-papier-licht) !important;
}

.select2-container .select2-selection__rendered {
	line-height: 3rem !important;
	padding-left: 0.9rem !important;
	color: var(--kleur-inkt) !important;
}

.select2-container .select2-selection__arrow {
	height: 3rem !important;
}

.quantity {
	display: inline-flex;
}

.quantity .qty {
	width: 4.5rem;
	text-align: center;
	-moz-appearance: textfield;
}

.quantity .qty::-webkit-inner-spin-button {
	opacity: 1;
}

@media (max-width: 800px) {
	.woocommerce-account .woocommerce,
	.u-columns.col2-set {
		grid-template-columns: 1fr;
	}

	.form-row-first,
	.form-row-last {
		width: 100%;
		float: none;
	}
}

.woocommerce-price-suffix {
	margin-left: 0.35em;
	color: var(--kleur-inkt-zacht, #a3a3a3);
	font-family: var(--font-tekst, inherit);
	font-size: 0.55em;
	font-weight: 400;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.dossier-prijs .woocommerce-price-suffix,
.price .woocommerce-price-suffix {
	vertical-align: middle;
}
