/**
 * Block Visibility - Responsive hide classes
 *
 * Usage: Added automatically via Block Visibility panel in Gutenberg editor
 * - .hide-on-mobile: Hidden on screens < 768px
 * - .hide-on-tablet: Hidden on screens 768px - 1023px
 * - .hide-on-desktop: Hidden on screens >= 1024px
 *
 * @package FSE_Starter_2025
 * @since   1.2.0
 */

/* Hide on mobile (< 768px) */
@media (max-width: 767px) {
	.hide-on-mobile {
		display: none !important;
	}
}

/* Hide on tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
	.hide-on-tablet {
		display: none !important;
	}
}

/* Hide on desktop (>= 1024px) */
@media (min-width: 1024px) {
	.hide-on-desktop {
		display: none !important;
	}
}