/**
 * Section Spacing — padding-block utilities for template root elements.
 *
 * Applied via .stc-pt--{size} / .stc-pb--{size} directly on the section root.
 * Sizes: none | xs | sm | md | lg | xl
 */

/* ── Before (padding-block-start) ─────────────────────────────────────────── */

.stc-pt--none { padding-block-start: 0 !important; }
.stc-pt--xs   { padding-block-start: clamp(0.5rem,  1.5vw, 1rem) !important;  }
.stc-pt--sm   { padding-block-start: clamp(1rem,    3vw,   2rem) !important;  }
.stc-pt--md   { padding-block-start: clamp(2.5rem,  5vw,   4rem) !important;  }
.stc-pt--lg   { padding-block-start: clamp(4rem,    7vw,   6.5rem) !important; }
.stc-pt--xl   { padding-block-start: clamp(6rem,    10vw,  10rem) !important; }

/* ── After (padding-block-end) ────────────────────────────────────────────── */

.stc-pb--none { padding-block-end: 0 !important; }
.stc-pb--xs   { padding-block-end: clamp(0.5rem,  1.5vw, 1rem) !important;  }
.stc-pb--sm   { padding-block-end: clamp(1rem,    3vw,   2rem) !important;  }
.stc-pb--md   { padding-block-end: clamp(2.5rem,  5vw,   4rem) !important;  }
.stc-pb--lg   { padding-block-end: clamp(4rem,    7vw,   6.5rem) !important; }
.stc-pb--xl   { padding-block-end: clamp(6rem,    10vw,  10rem) !important; }

/* ── Template layout modes ───────────────────────────────────────────────── */

.stc-layout--containerd {
	--stc-template-container-max: var(--container-max-width, 1200px);
}

.stc-layout--full-width {
	inline-size: 100vw !important;
	max-inline-size: 100% !important;
	max-inline-size: 100vw !important;
	margin-inline: calc(50% - 50vw) !important;
}

.stc-layout--containerd > [class*="__inner"],
.stc-layout--containerd > [class*="__container"] {
	inline-size: 100% !important;
	max-inline-size: var(--stc-template-container-max) !important;
	margin-inline: auto !important;
}

.stc-layout--full-width > [class*="__inner"] {
	inline-size: 100% !important;
	max-inline-size: none !important;
	margin-inline: 0 !important;
}


/* Inline padding is outer section padding (on the template root). */
.stc-pi--no-padding { padding-inline: 0 !important; }
.stc-pi--x-small { padding-inline: clamp(0.5rem, 1.6vw, 1rem) !important; }
.stc-pi--small   { padding-inline: clamp(1rem, 2.5vw, 1.75rem) !important; }
.stc-pi--medium  { padding-inline: clamp(1.25rem, 3.5vw, 2.75rem) !important; }
.stc-pi--large   { padding-inline: clamp(1.75rem, 5vw, 4rem) !important; }
.stc-pi--x-large { padding-inline: clamp(2rem, 6vw, 5rem) !important; }

/* Strong override so "No-Padding" wins even when template CSS sets root padding. */
.stc-pi--no-padding,
.stc-pi--no-padding > [class*="__inner"],
.stc-pi--no-padding > [class*="__container"] {
	padding-inline: 0 !important;
	padding-inline-start: 0 !important;
	padding-inline-end: 0 !important;
}

/* Section radius utilities. */
.stc-radius--no-radius { border-radius: 0 !important; }
.stc-radius--xs { border-radius: 4px !important; }
.stc-radius--s  { border-radius: 8px !important; }
.stc-radius--m  { border-radius: 12px !important; }
.stc-radius--l  { border-radius: 16px !important; }
.stc-radius--xl { border-radius: 24px !important; }
.stc-radius--xxl { border-radius: 32px !important; }

/* Template typography normalization for RTL: italic styles become normal. */
html[dir="rtl"] [class*="amb-"] *,
html[dir="rtl"] [class*="bbx-"] *,
body.rtl [class*="amb-"] *,
body.rtl [class*="bbx-"] * {
	font-style: normal !important;
}