/**
 * Site spacing consistency layer
 * Keeps section padding uniform without affecting hero/title/map blocks.
 */

:root {
    --site-section-space-desktop: 72px;
    --site-section-space-tablet: 56px;
    --site-section-space-mobile: 44px;
    --site-content-gap-desktop: 42px;
    --site-content-gap-mobile: 28px;
}

/* Standardize vertical spacing for main content sections */
.page-wrapper > section:not(.page-title):not(.main-slider):not(.modern-hero):not(.ultra-hero-section):not(.call-to-action):not(.map-section):not(.sas-logo-section):not(.fun-fact-section) {
    padding-top: var(--site-section-space-desktop);
    padding-bottom: var(--site-section-space-desktop);
}

/* Keep section title spacing consistent site-wide */
section .sec-title {
    margin-bottom: var(--site-content-gap-desktop);
}

@media (max-width: 991px) {
    .page-wrapper > section:not(.page-title):not(.main-slider):not(.modern-hero):not(.ultra-hero-section):not(.call-to-action):not(.map-section):not(.sas-logo-section):not(.fun-fact-section) {
        padding-top: var(--site-section-space-tablet);
        padding-bottom: var(--site-section-space-tablet);
    }

    section .sec-title {
        margin-bottom: 34px;
    }
}

@media (max-width: 767px) {
    .page-wrapper > section:not(.page-title):not(.main-slider):not(.modern-hero):not(.ultra-hero-section):not(.call-to-action):not(.map-section):not(.sas-logo-section):not(.fun-fact-section) {
        padding-top: var(--site-section-space-mobile);
        padding-bottom: var(--site-section-space-mobile);
    }

    section .sec-title {
        margin-bottom: var(--site-content-gap-mobile);
    }
}