/*
 * Preset heights for the core Spacer widget.
 *
 * The injected "Size" control (functions.php) adds a redteam-spacer--<size>
 * class to the widget wrapper via prefix_class. We set the SAME custom property
 * the native Size control sets — --spacer-size (which the widget's own CSS reads
 * for the .elementor-spacer-inner height) — rather than overriding the height
 * directly, so the preset flows through Elementor's native mechanism.
 *
 * !important is required here (the render-critical exception, see functions.php):
 * the native 'space' control stays active on the front end and keeps emitting its
 * own --spacer-size, so ours must win. "Custom" carries no preset class, so no
 * rule matches and the native slider value applies untouched.
 *
 * Sizes map to the theme's --spacer-* tokens (style.css), which already collapse
 * to a smaller scale on mobile, so spacing stays consistent site-wide.
 */

.elementor-widget-spacer.redteam-spacer--small {
	--spacer-size: var(--spacer-small) !important;
}

.elementor-widget-spacer.redteam-spacer--small-plus {
	--spacer-size: var(--s6) !important;
}

.elementor-widget-spacer.redteam-spacer--medium {
	--spacer-size: var(--spacer-medium) !important;
}

.elementor-widget-spacer.redteam-spacer--large {
	--spacer-size: var(--spacer-large) !important;
}

.elementor-widget-spacer.redteam-spacer--xlarge {
	--spacer-size: var(--spacer-xlarge) !important;
}

.elementor-widget-spacer.redteam-spacer--xxlarge {
	--spacer-size: var(--spacer-xxlarge) !important;
}

@media (width <= 960px) {
	.elementor-widget-spacer.redteam-spacer--small-plus {
		--spacer-size: var(--s4) !important;
	}
}