/* ==========================================================================
   Luxe Product Designer — theme compatibility resets
   Loaded only when "Force compatibility mode" is on (Advanced tab), and
   only after the active theme's stylesheet so these reliably win.
   Scoped to detected theme body classes to avoid touching other themes.
   ========================================================================== */

/* Generic: stop the double hover/shadow some themes add to loop items,
   since our own card styles (lpd-card-1/2/3) already provide it. */
.woocommerce ul.products li.product{
  box-shadow:none !important;
  transform:none !important;
  border:none !important;
  padding:0 !important;
  background:transparent !important;
}
.woocommerce ul.products li.product:hover{
  box-shadow:none !important;
  transform:none !important;
}

/* Astra wraps loop titles/prices in extra spacing utility classes —
   neutralize so spacing is controlled entirely by lpd-card padding. */
.lpd-theme-astra .woocommerce ul.products li.product .ast-loop-product__link,
.lpd-theme-astra .woocommerce ul.products li.product{ margin:0 !important; }

/* Kadence adds its own image hover-swap + shadow wrapper. */
.lpd-theme-kadence .woocommerce ul.products li.product .kadence-product-gallery,
.lpd-theme-kadence .woocommerce ul.products li.product{ box-shadow:none !important; }

/* Hello Elementor is largely unstyled for WooCommerce, so there is
   normally nothing to neutralize — this rule is a safe no-op placeholder
   kept for symmetry / future Elementor Pro theme-builder edge cases. */
.lpd-theme-hello-elementor .woocommerce ul.products li.product{ background:transparent; }

/* If Elementor's page/section width wrapper squeezes the single product
   area, make sure our full-bleed Layout B hero can still go edge-to-edge
   inside it. */
.lpd-elementor-active.lpd-layout-b .elementor-widget-container div.product{
  max-width:none !important;
}