/* =========================================
   TOSS - Exhibiting Schools filters
   ========================================= */

.directory-school-directory .directory-school-directory__filter-layout {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px 40px;
	align-items:start;
}


/* Filters heading */
.directory-school-directory .directory-school-directory__filters-heading {
	grid-column:1 / -1;
	grid-row:1;
	margin:0;
}


/* Left filter column */
.directory-school-directory .directory-school-directory__cost-stack {
	grid-column:1;
	grid-row:2;

	display:flex;
	flex-direction:column;
	gap:24px;

	min-width:0;
}


/* Right filter column */
.directory-school-directory .directory-school-directory__secondary-filters {
	grid-column:2;
	grid-row:2;

	display:flex;
	flex-direction:column;
	gap:24px;

	min-width:0;
}


/*
 * Each filter now belongs only to its own column,
 * so opening one dropdown won't stretch the filter opposite.
 */
.directory-school-directory .directory-school-directory__secondary-filter {
	height:auto!important;
	min-height:0;
	align-self:stretch;
	justify-content:flex-start;
}


/* Cost match - bottom left */
.directory-school-directory .directory-school-directory__filter-layout
> .directory-school-directory__cost-match {
	grid-column:1;
	grid-row:3;

	width:100%;
	margin:0;
}


/* Clear all - bottom right */
.directory-school-directory .directory-school-directory__filter-layout
> .directory-school-directory__clear-btn {
	grid-column:2;
	grid-row:3;

	justify-self:start;
	align-self:center;

	margin:0!important;
}


/* =========================================
   Mobile
   ========================================= */

@media(max-width:760px) {

	.directory-school-directory .directory-school-directory__filter-layout {
		grid-template-columns:1fr;
		gap:20px;
	}


	.directory-school-directory .directory-school-directory__filters-heading {
		grid-column:1;
		grid-row:1;
	}


	/* Age + Curriculum */
	.directory-school-directory .directory-school-directory__cost-stack {
		grid-column:1;
		grid-row:2;
		gap:20px;
	}


	/* Teaching + Fee Assistance */
	.directory-school-directory .directory-school-directory__secondary-filters {
		grid-column:1;
		grid-row:3;
		gap:20px;
	}


	.directory-school-directory .directory-school-directory__filter-layout
	> .directory-school-directory__cost-match {
		grid-column:1;
		grid-row:4;
	}


	.directory-school-directory .directory-school-directory__filter-layout
	> .directory-school-directory__clear-btn {
		grid-column:1;
		grid-row:5;

		justify-self:start;
	}

}