/* =========================================
   Columns Mobile Reverse
========================================= */

/*
	core/columns
	767px以下で縦並び時だけ逆順にする

	標準の「モバイルでは縦に並べる」がOFFの場合、
	WordPress側で is-not-stacked-on-mobile が付くため、
	その場合は逆順にしない。
*/

@media (max-width: 767px) {
	.wp-block-columns.is-mobile-column-reverse:not(.is-not-stacked-on-mobile) {
		flex-direction: column-reverse !important;
	}
}

/* 編集画面側のプレビュー用 */
@media (max-width: 767px) {
	.editor-styles-wrapper .wp-block-columns.is-mobile-column-reverse:not(.is-not-stacked-on-mobile),
	.editor-styles-wrapper .is-mobile-column-reverse .wp-block-columns:not(.is-not-stacked-on-mobile) {
		flex-direction: column-reverse !important;
	}
}