/* ColumnFlow frontend styles */

/*
 * Force the columns container to be flex so `order` works.
 * Do NOT add flex-wrap:wrap — when WP applies `flex-basis: 100% !important`
 * to children below 782px, wrap would push the second 100%-wide column off-screen.
 * Without wrap, WP's `flex-direction: column` handles vertical stacking and
 * `order` continues to work on the column axis.
 */
.wp-block-columns.has-columnflow {
	display: flex;
}

.wp-block-columns.has-columnflow > .wp-block-column {
	min-width: 0;
	float: none;
}

/* Hidden columns (set inline by JS) — keep them hidden against any !important rules */
.wp-block-columns.has-columnflow > .wp-block-column[style*="display: none"],
.wp-block-columns.has-columnflow > .wp-block-column[style*="display:none"] {
	display: none !important;
}