/**
 * Phase P3.13.8 - Light-gray commerce-page background (DashVapes-
 * referenced proportions/rhythm only - approved colors, no DashVapes
 * assets/markup copied).
 *
 * Scope: the shared commerce content wrapper (#primary.content-area,
 * confirmed identical markup on Shop/category/brand/On Sale and both
 * FUMOT single-product pages) - scoped via body.vpn-clean-archive
 * (Shop/category/brand/On Sale, the same condition already used by
 * P3.12D/P3.13) and body.single-product (currently matches only the two
 * FUMOT products, since they are the site's only published products).
 * Neither selector ever matches the Homepage: it does render its own
 * #primary (verified live - the theme wraps Elementor content in the
 * normal page template), but its <body> carries neither
 * "vpn-clean-archive" nor "single-product" (confirmed live: home,
 * page-id-56542, elementor-page-56542, no archive/product classes), so
 * the body-class requirement is what protects it, not the absence of
 * #primary. Header, Footer and Cart/Checkout/Account use their own
 * markup entirely (no #primary), so they are untouched regardless.
 *
 * No explicit background was previously set anywhere in this chain
 * (#primary, .content-area, .site-main, .contents-detail,
 * .main-archive-product, .container, .bwp-single-product,
 * .bwp-single-info - confirmed by a full search of the parent theme's
 * template.css before writing this file), so the current white
 * appearance is the browser/page default showing through, not an
 * "accidental white wrapper" that needs removing - applying the gray
 * background to #primary is the complete, sufficient change.
 */
/* Single-product: white canvas (owner request 2026-10-02: the grey band around the breadcrumb and between the blocks is removed, so the page
   reads as one white field like the product area). Was #F6F6F6. */
body.single-product #primary {
	background-color: #FFFFFF;
}

/* =========================================================================
   ARCHIVE WHITE CANVAS (owner request, replaces the gray on Shop / category /
   brand / On Sale - Canvape's measured treatment): page + grid pure white,
   cards white with a #DDDDDD border and no shadow. Scoped to
   body.vpn-clean-archive only, so the Homepage and single-product pages are
   unaffected (single-product keeps the gray above). The card-level
   box-shadow:none targets only the card itself; the wishlist / quick-view
   buttons inside the image stage keep their own theme shadows. Row spacing
   (20px, wrapper margin 0) lives in p313-product-card.css.
   ========================================================================= */
body.vpn-clean-archive #primary,
body.vpn-clean-archive .main-archive-product,
body.vpn-clean-archive .products-list.grid {
	background-color: #ffffff !important;
}
body.vpn-clean-archive .products-list.grid > li > .product-wapper.content-product3 {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	box-shadow: none;
}

/* Product cards already carry an explicit #fff background (P3.13) and
   need no change. The single-product image stage and info panel had no
   background of their own (see comment above) - give them an explicit
   white fill so they read as white content on the new gray canvas
   instead of inheriting it. */
body.single-product .bwp-single-image,
body.single-product .bwp-single-info {
	background-color: #FFFFFF;
}