/**
 * Mobile-only vertical spacing between WEMA blocks.
 *
 * Opt-in: only the blocks listed below get extra top spacing on mobile when
 * they follow another WEMA block. Add a class to the list to enable spacing,
 * remove it to opt out.
 *
 * Excluded by design: hero, usp-bar, cta-banner, page-hero
 * (these are full-bleed sections that should sit flush against neighbours).
 */
@media (max-width: 768px) {
	[class*="wp-block-wema-"] + .wp-block-wema-service-card,
	[class*="wp-block-wema-"] + .wp-block-wema-section-heading,
	[class*="wp-block-wema-"] + .wp-block-wema-references-showcase,
	[class*="wp-block-wema-"] + .wp-block-wema-features,
	[class*="wp-block-wema-"] + .wp-block-wema-projects-grid,
	[class*="wp-block-wema-"] + .wp-block-wema-about,
	[class*="wp-block-wema-"] + .wp-block-wema-construction-site-card,
	[class*="wp-block-wema-"] + .wp-block-wema-contact-info,
	[class*="wp-block-wema-"] + .wp-block-wema-team-grid,
	[class*="wp-block-wema-"] + .wp-block-wema-timeline,
	[class*="wp-block-wema-"] + .wp-block-wema-references-grid {
		margin-top: 32px;
	}
}

@media (max-width: 480px) {
	[class*="wp-block-wema-"] + .wp-block-wema-service-card,
	[class*="wp-block-wema-"] + .wp-block-wema-section-heading,
	[class*="wp-block-wema-"] + .wp-block-wema-references-showcase,
	[class*="wp-block-wema-"] + .wp-block-wema-features,
	[class*="wp-block-wema-"] + .wp-block-wema-projects-grid,
	[class*="wp-block-wema-"] + .wp-block-wema-about,
	[class*="wp-block-wema-"] + .wp-block-wema-construction-site-card,
	[class*="wp-block-wema-"] + .wp-block-wema-contact-info,
	[class*="wp-block-wema-"] + .wp-block-wema-team-grid,
	[class*="wp-block-wema-"] + .wp-block-wema-timeline,
	[class*="wp-block-wema-"] + .wp-block-wema-references-grid {
		margin-top: 24px;
	}
}
