/* =============================================================================
 * Mobile Padding (block editor extension — see assets/js/mobile-padding.js).
 *
 * Each side is overridden independently and only when set, so sides you don't
 * touch keep their desktop padding. !important is required to beat the inline
 * padding WordPress applies for the desktop value.
 * ===========================================================================*/
@media ( max-width: 767px ) {
	.jk-mp-t {
		padding-top: var( --jk-m-pt ) !important;
	}

	.jk-mp-r {
		padding-right: var( --jk-m-pr ) !important;
	}

	.jk-mp-b {
		padding-bottom: var( --jk-m-pb ) !important;
	}

	.jk-mp-l {
		padding-left: var( --jk-m-pl ) !important;
	}
}