/* =========================================
   COREXTRUDE – Readability overlay (WooCommerce)
   Goal:
   - Add readable background for product content + cart/checkout/account
   - EXCLUDE single product "summary" block (right column)
   ========================================= */

/* ---------- Single product (below the main summary) ---------- */

/* Classic Woo tabs + panels */
body.single-product .woocommerce div.product .woocommerce-tabs,
body.single-product .woocommerce div.product .woocommerce-Tabs-panel,
body.single-product .woocommerce div.product .woocommerce-Tabs-panel > *{
  background: rgba(255,255,255,0.85) !important;
}

/* Many themes/templates put the long description in entry-content */
body.single-product .woocommerce div.product .entry-content{
  background: rgba(255,255,255,0.85) !important;
  padding: 30px !important;
  border-radius: 12px !important;
}

/* Product meta (SKU, categories, brand block etc.) */
body.single-product .woocommerce div.product .product_meta{
  background: rgba(255,255,255,0.85) !important;
  padding: 20px !important;
  border-radius: 12px !important;
}

/* Related / Upsells sections (often appear on image background too) */
body.single-product .woocommerce div.product section.related,
body.single-product .woocommerce div.product section.upsells{
  background: rgba(255,255,255,0.75) !important;
  padding: 24px !important;
  border-radius: 12px !important;
}

/* IMPORTANT: do NOT style the main summary (right column) */
body.single-product .woocommerce div.product .summary,
body.single-product .woocommerce div.product .entry-summary{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ---------- Cart ---------- */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals{
  background: rgba(255,255,255,0.85) !important;
  padding: 26px !important;
  border-radius: 12px !important;
}

/* ---------- Checkout (classic) ---------- */
body.woocommerce-checkout .woocommerce-checkout,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment{
  background: rgba(255,255,255,0.85) !important;
  padding: 26px !important;
  border-radius: 12px !important;
}

/* ---------- Checkout (Blocks) - якщо WooCommerce Blocks ---------- */
body.woocommerce-checkout .wc-block-components-checkout,
body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-components-totals-wrapper{
  background: rgba(255,255,255,0.85) !important;
  padding: 26px !important;
  border-radius: 12px !important;
}

/* ---------- My Account ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  background: rgba(255,255,255,0.85) !important;
  padding: 26px !important;
  border-radius: 12px !important;
}

/* ---------- General readability ---------- */
.woocommerce,
.woocommerce p,
.woocommerce li,
.woocommerce label,
.woocommerce table,
.woocommerce form{
  color: #1a1a1a !important;
}

.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select{
  background: rgba(255,255,255,0.95) !important;
}