/*
 * Status filter toggle wrapper for the FlexMLS "Property Search" results page
 * (/idx/search/, see mu-plugins/dmg-search-results.php). The pills themselves
 * (.dmg-status-pill, .dmg-status-pill-input) reuse the exact same global
 * rules already loaded by listings-filter.css for the /listings page toggle,
 * so they're styled identically. This file only replicates the wrapper's
 * flex-layout rules under a distinct class name (.dmg-sr-status-filter
 * instead of .dmg-status-filter) so this page's own script
 * (search-results-filter.js) doesn't collide with listings-filter.js, which
 * targets .dmg-status-filter and writes a different query param.
 */

.dmg-sr-status-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
	margin-bottom: 1.75rem;
}

@media (max-width: 600px) {
	.dmg-sr-status-filter {
		gap: 0.5rem;
		margin-bottom: 1.25rem;
	}

	.dmg-sr-status-filter .dmg-status-pill {
		flex: 1 1 calc(33.333% - 0.5rem);
		justify-content: center;
		padding: 0.5rem 0.75rem;
		font-size: 0.8125rem;
	}
}