/* Theme mobile breakpoint (matches header/footer). */
@media screen and (max-width: 1023px) {
	/* Stack columns earlier than core (781px) for consistency with the theme. */
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-block-columns.is-style-reverse-on-mobile:not(.is-not-stacked-on-mobile),
	.wp-block-columns.reverse-on-mobile:not(.is-not-stacked-on-mobile) {
		flex-direction: column-reverse !important;
		flex-wrap: nowrap !important;
	}

	.wp-block-group.is-layout-grid.is-style-stack-on-mobile,
	.wp-block-group.is-layout-grid.stack-on-mobile,
	.wp-block-group.is-layout-grid.is-style-reverse-on-mobile {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.wp-block-group.is-layout-grid.is-style-stack-on-mobile.reverse-on-mobile,
	.wp-block-group.is-layout-grid.is-style-stack-on-mobile.is-style-reverse-on-mobile,
	.wp-block-group.is-layout-grid.stack-on-mobile.reverse-on-mobile,
	.wp-block-group.is-layout-grid.is-style-reverse-on-mobile {
		display: flex;
		flex-direction: column-reverse;
	}

	.wp-block-column.mobile-order-first {
		order: -1;
	}

	.wp-block-column.mobile-order-last {
		order: 1;
	}
}

/*
 * Covers in columns/grid: drop the 430px core default, but keep equal heights
 * within a row (sized to the tallest cover's content).
 */
.wp-block-columns:has(> .wp-block-column > .wp-block-cover) {
	align-items: stretch;
}

.wp-block-columns:has(> .wp-block-column > .wp-block-cover) > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns:has(> .wp-block-column > .wp-block-cover) .wp-block-cover {
	flex: 1 1 auto;
	min-height: unset !important;
	aspect-ratio: unset !important;
	height: auto;
}

/* Multiple covers stacked in one column share the same height. */
.wp-block-column:has(> .wp-block-cover + .wp-block-cover) > .wp-block-cover {
	flex: 1 1 0;
	min-height: 0 !important;
}

.wp-block-group.is-layout-grid:has(> .wp-block-cover) {
	align-items: stretch;
}

.wp-block-group.is-layout-grid > .wp-block-cover {
	min-height: unset !important;
	aspect-ratio: unset !important;
	height: 100%;
	align-self: stretch;
}

.wp-block-cover.is-style-fit-content {
	min-height: unset !important;
	aspect-ratio: unset !important;
	height: auto;
}