/*
 * Global Styles — Wintrust Lending Portal (LWR)
 *
 * These overrides strip Experience Builder default padding
 * and max-width constraints so sections go full-bleed.
 */

/* ── DXP Styling Hooks (!important to beat theme CSS) ── */
:root {
    /* Remove ALL section content padding */
    --dxp-s-section-content-spacing-inline-start: 0rem !important;
    --dxp-s-section-content-spacing-inline-end: 0rem !important;
    --dxp-s-section-content-spacing-block-start: 0rem !important;
    --dxp-s-section-content-spacing-block-end: 0rem !important;
    --dxp-s-section-content-spacing-inline-start-mobile: 0rem !important;
    --dxp-s-section-content-spacing-inline-end-mobile: 0rem !important;
    --dxp-s-section-content-spacing-block-start-mobile: 0rem !important;
    --dxp-s-section-content-spacing-block-end: 0rem !important;

    /* Remove section max-width constraint */
    --dxp-s-section-columns-max-width: none !important;
    --dxp-s-section-columns-max-width-mobile: none !important;

    /* Remove spacing between components */
    --dxp-s-component-wrapper-spacer-size: 0rem !important;
    --dxp-s-component-wrapper-spacer-size-mobile: 0rem !important;

    /* Remove column gutter spacing */
    --dxp-s-column-spacer-size: 0rem !important;
    --dxp-s-column-spacer-size-mobile: 0rem !important;

    /* Remove header/footer max-width constraints */
    --dxp-s-header-content-max-width: none !important;
    --dxp-s-header-content-max-width-mobile: none !important;
    --dxp-s-footer-content-max-width: none !important;
    --dxp-s-footer-content-max-width-mobile: none !important;
}

/*
 * Component-level overrides — highest priority in the var() cascade.
 * The section reads --dxp-c-* first, then --dxp-style-c-*, then --dxp-s-*.
 */
community_layout-section,
.comm-section-container {
    --dxp-c-section-content-spacing-block-start: 0rem;
    --dxp-c-section-content-spacing-block-end: 0rem;
    --dxp-c-section-content-spacing-inline-start: 0rem;
    --dxp-c-section-content-spacing-inline-end: 0rem;
    --dxp-style-c-padding-top: 0rem;
    --dxp-style-c-padding-bottom: 0rem;
    --dxp-style-c-padding-inline-start: 0rem;
    --dxp-style-c-padding-inline-end: 0rem;
    padding: 0 !important;
    margin: 0 !important;
}

html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/* ── Fallback overrides for inner containers ── */
.columns-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

[data-region-id] > div {
    padding: 0 !important;
    margin: 0 !important;
}

[data-region-id] {
    max-width: none !important;
    width: 100% !important;
}