/* v1.0.3
 * Elementor saved templates can render their outer e-con at intrinsic/content
 * width when embedded outside the normal document canvas. Expand ONLY the
 * saved document's root container to full width.
 */

.iab-glm-template{
    position:relative;
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.iab-glm-header{
    z-index:var(--iab-glm-header-z,1000);
}

.iab-glm-footer{
    z-index:var(--iab-glm-footer-z,10);
}

.iab-glm-template > .elementor{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
}

/*
 * Expand ONLY the top-level Elementor saved-template container.
 * Nested containers keep the exact widths/max-widths/flex settings saved
 * in Elementor.
 */
.iab-glm-template > .elementor > .e-con,
.iab-glm-template > .elementor > .elementor-element.e-con,
.iab-glm-template > .elementor > .elementor-section-wrap > .e-con,
.iab-glm-template > .elementor > .elementor-section-wrap > .elementor-element.e-con{
    width:100% !important;
    max-width:100% !important;
    flex-basis:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/*
 * Elementor's container engine may use --width on the e-con itself.
 * Setting it only on the root prevents intrinsic/min-content sizing while
 * preserving nested container rules.
 */
.iab-glm-template > .elementor > .e-con,
.iab-glm-template > .elementor > .elementor-element.e-con{
    --width:100% !important;
}

/* Keep any generated root inner wrapper centred and full width. */
.iab-glm-template > .elementor > .e-con > .e-con-inner,
.iab-glm-template > .elementor > .elementor-element.e-con > .e-con-inner,
.iab-glm-template > .elementor > .elementor-section-wrap > .e-con > .e-con-inner{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Avoid a page-level horizontal scrollbar caused by template edge artwork. */
html,body{
    max-width:100%;
    overflow-x:clip;
}


/* v1.0.4 — IAB Header/Menu embedded-template width fix
 *
 * The saved Elementor root container can be full width while the actual
 * IAB Header/Menu widget remains an intrinsic-width flex item. Make ONLY
 * this global-header widget stretch across its parent. Its own
 * .iab-header-inner still controls the 1540px centred content width.
 */
#iab-global-header .elementor-widget-iab-header-menu,
#iab-global-header [data-widget_type^="iab-header-menu"],
#iab-global-header .elementor-element:has(> .elementor-widget-container > .iab-site-header){
    width:100% !important;
    max-width:100% !important;
    flex:1 1 100% !important;
    align-self:stretch !important;
    --width:100% !important;
}

#iab-global-header .elementor-widget-iab-header-menu > .elementor-widget-container,
#iab-global-header [data-widget_type^="iab-header-menu"] > .elementor-widget-container,
#iab-global-header .elementor-widget-container:has(> .iab-site-header){
    width:100% !important;
    max-width:100% !important;
    display:block !important;
}

#iab-global-header .iab-site-header{
    width:100% !important;
    max-width:none !important;
}

#iab-global-header .iab-header-inner{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}