/**
 * Responsive Block Visibility – frontend styles.
 * Breakpoints and class names match EditorsKit for backward compatibility.
 */

/* Legacy Block Options v1 */
body:not(.wp-admin) .blockopts-show {
	display: none;
}

@media screen and (min-width: 769px) {
	body:not(.wp-admin) .blockopts-hide.blockopts-desktop,
	body:not(.wp-admin) .editorskit-no-desktop {
		display: none;
	}

	body:not(.wp-admin) .blockopts-show.blockopts-desktop {
		display: block;
	}
}

@media screen and (max-width: 768px) and (min-width: 737px) {
	body:not(.wp-admin) .blockopts-hide.blockopts-tablet,
	body:not(.wp-admin) .editorskit-no-tablet {
		display: none;
	}

	body:not(.wp-admin) .blockopts-show.blockopts-tablet {
		display: block;
	}

	body:not(.wp-admin) .has-tablet-text-align-center {
		text-align: center;
	}

	body:not(.wp-admin) .has-tablet-text-align-center.wp-block-buttons {
		justify-content: center;
	}

	body:not(.wp-admin) .has-tablet-text-align-right {
		text-align: right;
	}

	body:not(.wp-admin) .has-tablet-text-align-right.wp-block-buttons {
		justify-content: right;
	}

	body:not(.wp-admin) .has-tablet-text-align-left {
		text-align: left;
	}

	body:not(.wp-admin) .has-tablet-text-align-left.wp-block-buttons {
		justify-content: left;
	}

	body:not(.wp-admin) .has-tablet-text-align-justify {
		text-align: justify;
	}
}

@media screen and (max-width: 736px) {
	body:not(.wp-admin) .blockopts-hide.blockopts-mobile,
	body:not(.wp-admin) .editorskit-no-mobile {
		display: none;
	}

	body:not(.wp-admin) .blockopts-show.blockopts-mobile {
		display: block;
	}

	body:not(.wp-admin) .has-mobile-text-align-center {
		text-align: center;
	}

	body:not(.wp-admin) .has-mobile-text-align-center.wp-block-buttons {
		justify-content: center;
	}

	body:not(.wp-admin) .has-mobile-text-align-right {
		text-align: right;
	}

	body:not(.wp-admin) .has-mobile-text-align-right.wp-block-buttons {
		justify-content: right;
	}

	body:not(.wp-admin) .has-mobile-text-align-left {
		text-align: left;
	}

	body:not(.wp-admin) .has-mobile-text-align-left.wp-block-buttons {
		justify-content: left;
	}

	body:not(.wp-admin) .has-mobile-text-align-justify {
		text-align: justify;
	}
}