/**
 * Restore pre-WordPress-7 hide behavior for Additional CSS utilities.
 *
 * WordPress 7 layout CSS sets display:flex on columns, which beats Tailwind.
 * Frontend: PHP adds .prophet-hide-* from the saved className.
 * Editor: colon classes are still on the block, so those selectors are kept.
 *
 * Meanings are unchanged:
 * - phone:hidden  = hide below 670px
 * - tablet:hidden = hide below 768px
 * - mobile:hidden = hide from 670px up
 */

@media (min-width: 0) and (max-width: 670px) {
	.prophet-hide-phone,
	.phone\:hidden,
	.phone\:\!hidden {
		display: none !important;
	}
}

@media (min-width: 0) and (max-width: 768px) {
	.prophet-hide-tablet,
	.tablet\:hidden,
	.tablet\:\!hidden {
		display: none !important;
	}
}

@media (min-width: 670px) {
	.prophet-hide-desktop,
	.mobile\:hidden,
	.mobile\:\!hidden {
		display: none !important;
	}
}