/**
 * AS Spacing — utility classes for WPBakery / Salient rows & columns
 *
 * CHEAT SHEET (Row → Extra class name; Salient row padding = 0):
 *
 * | Classes                         | Use case                                      |
 * |---------------------------------|-----------------------------------------------|
 * | as-section                      | Section pad Y (112 → 96 → 64)                 |
 * | as-section as-section--x-lg     | + side pad X (64 → 48 → 16)                   |
 * | as-stack-rows                   | Gap between inner rows (80 → 64 → 48)         |
 * | as-stack-content                | Title + desc stack (24px); button gap 32px    |
 *
 * Breakpoints: mobile ≤480px | tablet 481–999px | desktop ≥1000px
 */

:root {
	/* Scale */
	--as-space-4: 4px;
	--as-space-8: 8px;
	--as-space-10: 10px;
	--as-space-12: 12px;
	--as-space-16: 16px;
	--as-space-18: 18px;
	--as-space-24: 24px;
	--as-space-32: 32px;
	--as-space-48: 48px;
	--as-space-64: 64px;
	--as-space-80: 80px;
	--as-space-96: 96px;
	--as-space-112: 112px;

	/* Section Y — mobile first */
	--as-section-pad-y: var(--as-space-64);
	--as-section-pad-x-lg: var(--as-space-16);
	--as-stack-gap-rows: var(--as-space-48);
	--as-stack-gap-content: var(--as-space-24);
	--as-stack-gap-button: var(--as-space-32);
}

@media (min-width: 481px) and (max-width: 999px) {
	:root {
		--as-section-pad-y: var(--as-space-96);
		--as-section-pad-x-lg: var(--as-space-48);
		--as-stack-gap-rows: var(--as-space-64);
	}
}

@media (min-width: 1000px) {
	:root {
		--as-section-pad-y: var(--as-space-112);
		--as-section-pad-x-lg: var(--as-space-64);
		--as-stack-gap-rows: var(--as-space-80);
	}
}

/* -------------------------------------------------------------------------
   Section padding (outer Row)
   ------------------------------------------------------------------------- */

.vc_row.as-section:not(.inner_row) {
	box-sizing: border-box;
	padding-bottom: var(--as-section-pad-y);
	padding-top: var(--as-section-pad-y);
}

.vc_row.as-section--x-lg:not(.inner_row) {
	padding-left: var(--as-section-pad-x-lg);
	padding-right: var(--as-section-pad-x-lg);
}

.vc_row.as-section--x-none:not(.inner_row) {
	padding-left: 0;
	padding-right: 0;
}

/* -------------------------------------------------------------------------
   Gap between stacked inner rows (outer Row)
   ------------------------------------------------------------------------- */

.vc_row.as-stack-rows:not(.inner_row) .row_col_wrap_12 > .inner_row {
	margin-bottom: var(--as-stack-gap-rows);
}

.vc_row.as-stack-rows:not(.inner_row) .row_col_wrap_12 > .inner_row:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------------------------------------
   Title / description / button stack (Column extra class)
   ------------------------------------------------------------------------- */

.wpb_column.as-stack-content > .vc_column-inner > .wpb_wrapper,
.wpb_column.as-stack-content > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.wpb_column.as-stack-content > .vc_column-inner > .wpb_wrapper > * + *,
.wpb_column.as-stack-content > .wpb_wrapper > * + * {
	margin-top: var(--as-stack-gap-content);
}

.wpb_column.as-stack-content > .vc_column-inner > .wpb_wrapper > .as-button,
.wpb_column.as-stack-content > .vc_column-inner > .wpb_wrapper > a.as-button,
.wpb_column.as-stack-content > .wpb_wrapper > .as-button,
.wpb_column.as-stack-content > .wpb_wrapper > a.as-button,
.wpb_column.as-stack-content > .vc_column-inner > .wpb_wrapper > .nectar-button,
.wpb_column.as-stack-content > .vc_column-inner > .wpb_wrapper > a.nectar-button,
.wpb_column.as-stack-content > .wpb_wrapper > .nectar-button,
.wpb_column.as-stack-content > .wpb_wrapper > a.nectar-button {
	margin-top: var(--as-stack-gap-button);
}