/**
 * Component: Filterbalk
 *
 * Een gewoon GET-formulier, dus filteren werkt zonder JavaScript.
 */

.bw-filterbalk__form {
	display: grid;
	gap: var(--bw-space-sm);
}

.bw-filterbalk__title {
	font-size: var(--bw-text-lg);
	text-transform: uppercase;
}

.bw-filterbalk__fields {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--bw-space-sm);
}

.bw-filterbalk__field {
	flex: 1 1 12rem;
	margin: 0;
}

.bw-filterbalk__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bw-space-sm);
	margin: 0;
}

/* Met JavaScript verstuurt het formulier zichzelf; de knop blijft staan
   maar is dan niet meer nodig. Hem verbergen zou hem voor toetsenbord-
   gebruikers onbereikbaar maken, dus hij blijft gewoon zichtbaar. */