/**
 * WP Miasto Stron — kolejność kolumn na mobile
 *
 * Na POJEDYNCZEJ kolumnie (wp-block-column) dodaj klasę:
 *   .kolejnosc-1 ... .kolejnosc-6
 *   → wymusza kolejność tylko na mobile (≤781px).
 *
 * Na RODZICU (blok kolumn) szybki skrót:
 *   .mobile-reverse → odwraca kolejność wszystkich kolumn na mobile.
 *
 * 781px = natywny breakpoint, przy którym WP układa kolumny w pionie.
 */

@media (max-width: 781px) {

	.wp-block-columns:not(.is-not-stacked-on-mobile) > .kolejnosc-1 { order: 1; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .kolejnosc-2 { order: 2; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .kolejnosc-3 { order: 3; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .kolejnosc-4 { order: 4; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .kolejnosc-5 { order: 5; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .kolejnosc-6 { order: 6; }

	.wp-block-columns.mobile-reverse:not(.is-not-stacked-on-mobile) {
		flex-direction: column-reverse;
	}
}
