/* =========================================================
   PGP v216 — ONE responsible file for whole-site background
   هذا الملف هو المصدر الوحيد للون خلفية الموقع.
   غيّر اللون من هنا فقط:
   --pgp-site-main-bg
   ========================================================= */

:root{
  --pgp-site-main-bg:#ffffff;
  --pgp-page-soft:var(--pgp-site-main-bg);
  --pgp-v177-soft:var(--pgp-site-main-bg);
  --pgp-v8-page:var(--pgp-site-main-bg);
  --pgp-v8-bg:var(--pgp-site-main-bg);
}

html,
body{
  background:var(--pgp-site-main-bg)!important;
  background-color:var(--pgp-site-main-bg)!important;
  background-image:none!important;
}

html body :is(
  main,
  .site-main,
  .page,
  .page-wrap,
  .app,
  .app-shell,
  .content,
  .content-wrap,
  .pgp-page,
  .pgp-page-wrap,
  .pgp-wrap,
  .pgp-body,
  .home-wrap,
  #home,
  .iq-wrap,
  .store-wrap,
  .pgp-parts-wrap,
  .products-wrap,
  .garage-wrap,
  .following-wrap,
  .saved-wrap,
  .account-wrap,
  .cart-wrap,
  .checkout-wrap,
  .product-details-wrap
){
  background:var(--pgp-site-main-bg)!important;
  background-color:var(--pgp-site-main-bg)!important;
  background-image:none!important;
}

/* wrappers should not create another page color */
html body :is(
  .iq-shell,
  .store-shell,
  .pgp-part-list,
  .garage-list,
  .products-list,
  .sections-list
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* cards stay white unless a card design file changes them */
html body :is(
  .pgp-most-viewed-card,
  .pgp-home-managed-section,
  .pgp-parts-wrap .pgp-parts-hero,
  .pgp-parts-wrap .pgp-part-card,
  .iq-wrap .iq-hero,
  .iq-wrap .garage-card,
  .garage-card,
  .store-card,
  .products-card,
  .pgp-section-card,
  .pgp-section-shell,
  .pgp-section-wrap,
  .iq-card
){
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}