/**
 * Eetkamer Bredius – front-end only rules.
 * Not loaded in the editor, so editors always see (and can edit) both versions.
 */

/* ---------------------------------------------------------------------------
 * Block styles "Alleen desktop" / "Alleen mobiel" (core/group, core/image)
 * Used for the menu card: the physical 3-column menu on desktop,
 * a sliced 1-column version on mobile.
 * ------------------------------------------------------------------------ */

@media (max-width: 999px) {
	.is-style-desktop-only {
		display: none !important;
	}

	/* Fallback: no mobile images filled in yet → keep showing the desktop version. */
	.is-style-desktop-only:has(~ .is-style-mobile-only:not(:has(img[src]))) {
		display: block !important;
	}
}

@media (min-width: 1000px) {
	.is-style-mobile-only {
		display: none !important;
	}
}

/* An empty mobile block (image placeholders only) is never shown. */
.is-style-mobile-only:not(:has(img[src])) {
	display: none !important;
}