/*
 * Footer grid with an empty widget column.
 *
 * When a footer widget area has nothing to show (for example "Areas" while the town pages are
 * drafts), Blocksy prints an empty <div data-column="ghost"> and keeps four grid columns, which
 * leaves a hole in the middle. From 1000 px, hide that cell and use three columns instead.
 * Below 1000 px Blocksy already hides the ghost (its media-breakpoint-down(md)).
 * Blocksy 2.1.58: inc/components/builder/builder-footer-renderer.php,
 * static/sass/frontend/5-modules/footer/footer-grid.scss (docs/blocksy-variables.md).
 *
 * The first track keeps the wider brand column of the pro redesign (cvc.css, 1.45fr repeat(3, 1fr)).
 *
 * Specificity (0,3,1) beats Blocksy's `.ct-footer [data-row] > div` (0,2,1), which reads the
 * Customizer's --grid-template-columns. Assumes a single empty column; with two it needs two fewer.
 */

@media (min-width: 1000px) {
	.ct-footer [data-row="middle"] > div:has(> [data-column="ghost"]) {
		grid-template-columns: 1.45fr repeat(2, minmax(0, 1fr));
	}

	.ct-footer [data-row="middle"] > div > [data-column="ghost"] {
		display: none;
	}
}