/*
 * Huuguu spacing layer
 * Structural spacing must use Customizer variables and avoid component-specific overrides.
 */
.site-main {
    padding-block-start: var(--hgg-site-main-padding-top, 0px);
    padding-block-end: var(--hgg-site-main-padding-bottom, 0px);
}

.huuguu-content-wrap,
.huuguu-blog-wrap,
.huuguu-woocommerce-wrap {
    padding-block-start: var(--hgg-content-padding-top, var(--hgg-spacing-body-desktop-y, 0px));
    padding-block-end: var(--hgg-content-padding-bottom, var(--hgg-spacing-body-desktop-y, 0px));
    padding-inline-start: var(--hgg-content-padding-left, var(--hgg-spacing-body-desktop-x, 16px));
    padding-inline-end: var(--hgg-content-padding-right, var(--hgg-spacing-body-desktop-x, 16px));
}

@media (max-width: 1024px) {
    .huuguu-content-wrap,
    .huuguu-blog-wrap,
    .huuguu-woocommerce-wrap {
        padding-block-start: var(--hgg-content-padding-tablet-top, var(--hgg-spacing-body-tablet-y, 0px));
        padding-block-end: var(--hgg-content-padding-tablet-bottom, var(--hgg-spacing-body-tablet-y, 0px));
        padding-inline-start: var(--hgg-content-padding-tablet-left, var(--hgg-spacing-body-tablet-x, 16px));
        padding-inline-end: var(--hgg-content-padding-tablet-right, var(--hgg-spacing-body-tablet-x, 16px));
    }
}

@media (max-width: 767px) {
    .huuguu-content-wrap,
    .huuguu-blog-wrap,
    .huuguu-woocommerce-wrap {
        padding-block-start: var(--hgg-content-padding-mobile-top, var(--hgg-spacing-body-mobile-y, 0px));
        padding-block-end: var(--hgg-content-padding-mobile-bottom, var(--hgg-spacing-body-mobile-y, 0px));
        padding-inline-start: var(--hgg-content-padding-mobile-left, var(--hgg-spacing-body-mobile-x, 12px));
        padding-inline-end: var(--hgg-content-padding-mobile-right, var(--hgg-spacing-body-mobile-x, 12px));
    }
}