/* CPS eShop scoped Frappe storefront layout */ /* ────────────────────────────────────────────────────── FRAPPE STOREFRONT LAYOUT OVERRIDES These load in to override Frappe's own styles. Without these, Frappe wraps page_content in a max-width .container that prevents full-width sections. ────────────────────────────────────────────────────── */ /* 1) Kill max-width on ALL wrapper elements */ body.cps-eshop .page_content, body.cps-eshop .page-content, body.cps-eshop .page-container, body.cps-eshop .website-content, body.cps-eshop main, body.cps-eshop .main-section, body.cps-eshop .layout-main-section, body.cps-eshop .wrapper, body.cps-eshop #page-Home, body.cps-eshop #page-Store-Home, body.cps-eshop [data-page], body.cps-eshop .page-container .page_content, body.cps-eshop .wrapper .page_content, body.cps-eshop .container.page_content, body.cps-eshop .container.page-content { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; overflow-x: hidden !important; } /* 2) Kill max-width on ALL .container inside wrappers */ body.cps-eshop .page_content > .container, body.cps-eshop .page-content > .container, body.cps-eshop .page-container > .container, body.cps-eshop .website-content > .container, body.cps-eshop main > .container, body.cps-eshop .wrapper > .container, body.cps-eshop .layout-main-section > .container, body.cps-eshop .page_content .container, body.cps-eshop .page-content .container, body.cps-eshop .page-container .container, body.cps-eshop .container.page_content, body.cps-eshop .container.page-content { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* 3) Kill nested containers */ body.cps-eshop .page_content .container .container, body.cps-eshop .page-content .container .container, body.cps-eshop .page_content .container-fluid, body.cps-eshop .page-content .container-fluid, body.cps-eshop .website-content .container-fluid, body.cps-eshop main .container .container { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* 4) Kill .row margin and .col constraints */ body.cps-eshop .page_content > .container > .row, body.cps-eshop .page-content > .container > .row, body.cps-eshop .page-container > .container > .row { margin: 0 !important; } body.cps-eshop .page_content > .container > .row > .col, body.cps-eshop .page-content > .container > .row > .col, body.cps-eshop .page-container > .container > .row > .col, body.cps-eshop .page_content > .container > .row > [class*="col-"], body.cps-eshop .page-content > .container > .row > [class*="col-"], body.cps-eshop .page-container > .container > .row > [class*="col-"] { max-width: 100% !important; width: 100% !important; padding: 0 !important; flex: 0 0 100% !important; } /* 5) Hide Frappe's default page chrome */ body.cps-eshop .breadcrumb { display: none !important; } body.cps-eshop .page-head { display: none !important; } body.cps-eshop .page-breadcrumbs { display: none !important; } body.cps-eshop .navbar-header { display: none !important; } /* 6) Force wrapper to full width */ body.cps-eshop .wrapper { max-width: 100% !important; padding: 0 !important; overflow-x: hidden !important; } /* 7) Web-form overrides */ body.cps-eshop .web-form, body.cps-eshop .web-form .container { max-width: 100% !important; }