/**
 * Shared section vertical rhythm — reusable across all pages.
 *
 * Section widgets use --jp-section-pad-y for OUTER padding-top/bottom
 * (homepage rhythm: 60 desktop → ~120 between adjacent sections).
 * Tablet/phone tokens scale the same way.
 *
 * Do NOT zero Elementor container/widget margin or padding here —
 * Advanced → Spacing values the editor set must win.
 */

@media (min-width: 701px) and (max-width: 1100px) {
	:root {
		--jp-section-gap: 96px;
		--jp-section-pad-y: 48px;
	}
}

@media (max-width: 700px) {
	:root {
		--jp-section-gap: 80px;
		--jp-section-pad-y: 40px;
	}
}

/* Optional: Elementor container using flex column + this class */
.jp-section-stack {
	display: flex;
	flex-direction: column;
	gap: var(--jp-section-gap, 120px);
}