/*
 * Front-end only (not loaded in the editor, so editors can always see and edit
 * every block, including the hidden and desktop/mobile-only ones).
 */

@media (max-width: 781px) {
	.bb-desktop-only {
		display: none !important;
	}
}

@media (min-width: 782px) {
	.bb-mobile-only {
		display: none !important;
	}
}

/* Group style "Hidden on live site" (Block settings › Styles). */
.is-style-bb-hidden {
	display: none !important;
}


/* With every chef hidden, the empty line-up takes no space. */
.bb-chefs:not(:has(> :not(.is-style-bb-hidden))) {
	display: none;
}


/* Long bios fold to a few lines with a "Read more" button (added by bigball.js). */
.bb-clamp--on {
	-webkit-mask-image: linear-gradient(#000 55%, transparent);
	mask-image: linear-gradient(#000 55%, transparent);
	max-height: calc(var(--bb-clamp-lines, 7) * 1.35em);
	max-height: calc(var(--bb-clamp-lines, 7) * 1lh);
	overflow: hidden;
}