/* ========== RSA Responsive Block Controls ========== */
/* Per-device styles applied via CSS variables set by render_block PHP filter */

/* === Desktop: hide blocks marked "hide on desktop" === */
.rsa-hide-desktop {
	display: none;
}

@media (max-width: 1024px) {
	.rsa-hide-desktop {
		display: revert;
	}
}

/* === Tablet: max-width 1024px === */
@media (max-width: 1024px) {
	.rsa-hide-tablet {
		display: none;
	}

	[style*="--rsa-font-size-tablet"] {
		font-size: var(--rsa-font-size-tablet);
	}

	[style*="--rsa-padding-top-tablet"] {
		padding-top: var(--rsa-padding-top-tablet);
	}

	[style*="--rsa-padding-right-tablet"] {
		padding-right: var(--rsa-padding-right-tablet);
	}

	[style*="--rsa-padding-bottom-tablet"] {
		padding-bottom: var(--rsa-padding-bottom-tablet);
	}

	[style*="--rsa-padding-left-tablet"] {
		padding-left: var(--rsa-padding-left-tablet);
	}

	[style*="--rsa-margin-top-tablet"] {
		margin-top: var(--rsa-margin-top-tablet);
	}

	[style*="--rsa-margin-right-tablet"] {
		margin-right: var(--rsa-margin-right-tablet);
	}

	[style*="--rsa-margin-bottom-tablet"] {
		margin-bottom: var(--rsa-margin-bottom-tablet);
	}

	[style*="--rsa-margin-left-tablet"] {
		margin-left: var(--rsa-margin-left-tablet);
	}

	[style*="--rsa-flex-direction-tablet"] {
		flex-direction: var(--rsa-flex-direction-tablet);
	}

	[style*="--rsa-width-tablet"] {
		width: var(--rsa-width-tablet);
	}

	[style*="--rsa-text-align-tablet"] {
		text-align: var(--rsa-text-align-tablet);
	}
}

/* === Mobile: max-width 768px === */
@media (max-width: 768px) {
	.rsa-hide-mobile {
		display: none;
	}

	[style*="--rsa-font-size-mobile"] {
		font-size: var(--rsa-font-size-mobile);
	}

	[style*="--rsa-padding-top-mobile"] {
		padding-top: var(--rsa-padding-top-mobile);
	}

	[style*="--rsa-padding-right-mobile"] {
		padding-right: var(--rsa-padding-right-mobile);
	}

	[style*="--rsa-padding-bottom-mobile"] {
		padding-bottom: var(--rsa-padding-bottom-mobile);
	}

	[style*="--rsa-padding-left-mobile"] {
		padding-left: var(--rsa-padding-left-mobile);
	}

	[style*="--rsa-margin-top-mobile"] {
		margin-top: var(--rsa-margin-top-mobile);
	}

	[style*="--rsa-margin-right-mobile"] {
		margin-right: var(--rsa-margin-right-mobile);
	}

	[style*="--rsa-margin-bottom-mobile"] {
		margin-bottom: var(--rsa-margin-bottom-mobile);
	}

	[style*="--rsa-margin-left-mobile"] {
		margin-left: var(--rsa-margin-left-mobile);
	}

	[style*="--rsa-flex-direction-mobile"] {
		flex-direction: var(--rsa-flex-direction-mobile);
	}

	[style*="--rsa-width-mobile"] {
		width: var(--rsa-width-mobile);
	}

	[style*="--rsa-text-align-mobile"] {
		text-align: var(--rsa-text-align-mobile);
	}
}