/*
 * note:
 * `body:not(.wp-admin.wp-core-ui) ... `
 * means the selected element won't be concerned in the editor
 * the css will apply *only* in front
 *
 */

@media screen and (min-width: 1024px){
	body:not(.wp-admin.wp-core-ui) .eco__smartphone--only {
		display: none;
	}
}
@media screen and (max-width: 1024px){
	body:not(.wp-admin.wp-core-ui) .eco__smartphone--hidden {
		display: none;
	}
}

@media screen and (max-width: 1280px){
	.has-global-padding.is-layout-constrained > .has-global-padding.is-layout-constrained.has-background {
		padding: var(--wp--preset--spacing--40);
	}
}

@media screen and (max-width: 1024px){
	.wp-block-group-is-layout-grid:has( > .wp-block-group.has-border-color.has-neutral-300-border-color),
	.wp-block-group:has( > .eco-cardlink ),
	.wp-block-query .wp-block-post-template {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.wp-block-group.has-border-color.has-neutral-300-border-color,
	.eco-cardlink,
	.wp-block-query .wp-block-post-template .wp-block-post {
		width: 100%;
		flex-shrink: 0;
	}
}