/**
 * grid.css - Reusable grid utilities for ESP V2
 */

:root {
	--grid-gap: 14px;
}

.grid-1,
.grid-2,
.grid-3,
.grid-2-1,
.grid-1-2 {
	display: grid;
	gap: var(--grid-gap);
	margin-bottom: 14px;
}

.grid-1 {
	grid-template-columns: minmax(0, 1fr);
}

.grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 2/1 split: left area is larger */
.grid-2-1 {
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

/* 1/2 split: right area is larger */
.grid-1-2 {
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.grid-no-margin {
	margin-bottom: 0;
}

@media (max-width: 1180px) {
	.grid-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.grid-3,
	.grid-2,
	.grid-2-1,
	.grid-1-2 {
		grid-template-columns: minmax(0, 1fr);
	}
}