/*
 * Structural bridge between Magento Page Builder and the legacy MGS theme.
 * PHP adds the MGS section classes to Page Builder rows before this file is
 * applied, so existing MGS selectors and custom section classes keep working.
 */
[data-content-type="row"] .section-builder,
[data-content-type="row"].section-builder {
    box-sizing: border-box;
    width: 100%;
}

[data-content-type="row"][data-appearance="contained"] > .section-builder {
    margin-right: auto;
    margin-left: auto;
}

[data-content-type="row"].section-builder-full {
    max-width: none;
}



/* Preserve migrated MGS Custom CSS breadcrumb colors after admin Custom CSS removal. */
body .breadcrumbs,
body .page-wrapper > .breadcrumbs {
    background-color: #231f20 !important;
    color: #fff !important;
    margin-top: 40px;
}

body .breadcrumbs .items,
body .breadcrumbs .items > li,
body .breadcrumbs .items > li strong,
body .breadcrumbs .items > li a {
    color: #fff !important;
}

body .breadcrumbs .items > li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

body .breadcrumbs .items > li + li:before {
    color: #fff !important;
}


/* Breadcrumb background is on Claue inner containers on some layouts. */
body .breadcrumbs .container,
body .breadcrumbs .container-fluid,
body .breadcrumbs ul.items,
body .breadcrumbs .items {
    background-color: #231f20 !important;
}

body .breadcrumbs {
    border-color: #231f20 !important;
}






/* PB-LEGACY-FIX: every Page Builder h3, except product cards, uses legacy .content-heading h3.title lines. */
#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name),
.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name),
.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name),
.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name){display:block!important;width:fit-content!important;max-width:calc(100% - 150px)!important;margin-left:auto!important;margin-right:auto!important;position:relative!important;color:#231f20ff!important;line-height:24px!important;text-align:center!important}
#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,
.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,
.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,
.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after{position:absolute!important;content:''!important;width:60px!important;height:2px!important;background:#231f20ff!important;top:48%!important}
#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,
.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before{left:-75px!important}
#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,
.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,
.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,
.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after{right:-75px!important}
@media (max-width:767px){#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name),.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name),.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name),.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name){max-width:100%!important}#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,#html-body [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,.pagebuilder-stage [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,.pagebuilder-canvas [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after,.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):before,.admin__scope-old [data-content-type]:not([data-content-type=products]) h3:not(.product-item-name):after{content:none!important}}