/**
 * Homepage spacing overrides.
 *
 * Loaded after homepage component styles so builder spacing modifiers win over
 * component-level padding defaults such as .homepage-search or .newsletter-cta.
 */

/* @critical-start context: home */

/* Padding-top presets */
.homepage-section.homepage-section--pt-none { padding-top: 0; }
.homepage-section.homepage-section--pt-xs   { padding-top: var(--spacing-4); }
.homepage-section.homepage-section--pt-sm   { padding-top: var(--spacing-12); }
.homepage-section.homepage-section--pt-lg   { padding-top: var(--spacing-24); }
.homepage-section.homepage-section--pt-xl   { padding-top: var(--spacing-32); }

/* Padding-bottom presets */
.homepage-section.homepage-section--pb-none { padding-bottom: 0; }
.homepage-section.homepage-section--pb-xs   { padding-bottom: var(--spacing-4); }
.homepage-section.homepage-section--pb-sm   { padding-bottom: var(--spacing-12); }
.homepage-section.homepage-section--pb-lg   { padding-bottom: var(--spacing-24); }
.homepage-section.homepage-section--pb-xl   { padding-bottom: var(--spacing-32); }

/* Padding-Stufen wie bis 3.31.0 (EPIC-230, Customizer → Layout). */
.bap-homepage-padding-legacy .homepage-section.homepage-section--pt-sm { padding-top: var(--spacing-6); }
.bap-homepage-padding-legacy .homepage-section.homepage-section--pt-lg { padding-top: var(--spacing-16); }
.bap-homepage-padding-legacy .homepage-section.homepage-section--pt-xl { padding-top: var(--spacing-24); }
.bap-homepage-padding-legacy .homepage-section.homepage-section--pb-sm { padding-bottom: var(--spacing-6); }
.bap-homepage-padding-legacy .homepage-section.homepage-section--pb-lg { padding-bottom: var(--spacing-16); }
.bap-homepage-padding-legacy .homepage-section.homepage-section--pb-xl { padding-bottom: var(--spacing-24); }

/* Margin-top presets */
.homepage-section.homepage-section--mt-xs   { margin-top: var(--spacing-2); }
.homepage-section.homepage-section--mt-sm   { margin-top: var(--spacing-4); }
.homepage-section.homepage-section--mt-md   { margin-top: var(--spacing-8); }
.homepage-section.homepage-section--mt-lg   { margin-top: var(--spacing-12); }
.homepage-section.homepage-section--mt-xl   { margin-top: var(--spacing-16); }

/* Margin-bottom presets */
.homepage-section.homepage-section--mb-xs   { margin-bottom: var(--spacing-2); }
.homepage-section.homepage-section--mb-sm   { margin-bottom: var(--spacing-4); }
.homepage-section.homepage-section--mb-md   { margin-bottom: var(--spacing-8); }
.homepage-section.homepage-section--mb-lg   { margin-bottom: var(--spacing-12); }
.homepage-section.homepage-section--mb-xl   { margin-bottom: var(--spacing-16); }

/* Horizontal spacing presets */
.homepage-section.homepage-section--none {
	padding-left: 0;
	padding-right: 0;
}

.homepage-section.homepage-section--none > .container {
	padding-left: 0;
	padding-right: 0;
}

.homepage-section.homepage-section--wide {
	padding-left: var(--spacing-8);
	padding-right: var(--spacing-8);
}

.homepage-section.homepage-section--wide > .container {
	max-width: calc(var(--container-max-width) - var(--spacing-8) - var(--spacing-8));
	padding-left: var(--spacing-8);
	padding-right: var(--spacing-8);
}

.homepage-section.homepage-section--full {
	padding-left: 0;
	padding-right: 0;
}

.homepage-section.homepage-section--full > .container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

/* Explicit opt-in replacement for the previous nth-child(even) background. */
.homepage-section.homepage-section--alternate {
	background: var(--color-neutral-50);
}

/* @critical-end */