/*
|--------------------------------------------------------------------------
| RR_PRODUCTS_LISTING_TRANSPARENT_PAGE_BACKGROUND_V1
|--------------------------------------------------------------------------
| Product/listing pages should sit on the active storefront theme background.
| This removes the oversized white canvas behind the listing without changing
| the real UI cards: filters, result count, products, empty state and pagination.
|--------------------------------------------------------------------------
*/

html body:not(.admin) section.all-products-page,
html body:not(.admin) section.all-products-page.rr-products-filter-sidebar-v1,
html body:not(.admin) .products-listing-page {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

html body:not(.admin) section.all-products-page > .all-products-shell,
html body:not(.admin) section.all-products-page .rr-products-filter-layout,
html body:not(.admin) section.all-products-page .rr-products-listing-main,
html body:not(.admin) .products-listing-wrap {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body:not(.admin) section.all-products-page > .all-products-shell::before,
html body:not(.admin) section.all-products-page > .all-products-shell::after,
html body:not(.admin) section.all-products-page .rr-products-filter-layout::before,
html body:not(.admin) section.all-products-page .rr-products-filter-layout::after,
html body:not(.admin) section.all-products-page .rr-products-listing-main::before,
html body:not(.admin) section.all-products-page .rr-products-listing-main::after,
html body:not(.admin) .products-listing-wrap::before,
html body:not(.admin) .products-listing-wrap::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body:not(.admin) section.all-products-page .all-products-hero:not(.rr-category-hero-has-image) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html body:not(.admin) section.all-products-page .all-products-hero.rr-category-hero-has-image {
    background-color: transparent !important;
}