/*
  OPD Woo Full Width
  Scope: ONLY WooCommerce-related pages (product, shop, cart, checkout, account).
  Goal: Remove "boxed" max-width constraints so content can stretch across the viewport.
*/

/* 1) Expand common theme containers on Woo pages */
body.woocommerce #primary,
body.woocommerce .content-area,
body.woocommerce main,
body.woocommerce-page #primary,
body.woocommerce-page .content-area,
body.woocommerce-page main,
body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account main {
  max-width: none !important;
  width: 100% !important;
}

/* 2) Expand common "container" wrappers on Woo pages (safe: does not remove padding) */
body.woocommerce .container,
body.woocommerce-page .container,
body.woocommerce-account .container,
body.woocommerce .site-container,
body.woocommerce-page .site-container,
body.woocommerce-account .site-container,
body.woocommerce .site-content,
body.woocommerce-page .site-content,
body.woocommerce-account .site-content {
  max-width: none !important;
}

/* 3) Elementor boxed sections can constrain width even on full-width templates */
body.woocommerce .elementor-section.elementor-section-boxed > .elementor-container,
body.woocommerce-page .elementor-section.elementor-section-boxed > .elementor-container,
body.woocommerce-account .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: none !important;
}

/* 4) Product and shop wrappers */
body.woocommerce.single-product div.product,
body.woocommerce-page.single-product div.product {
  max-width: none !important;
}

body.woocommerce ul.products,
body.woocommerce-page ul.products {
  max-width: none !important;
}

/* 5) Cart/Checkout/Account tables often sit in constrained wrappers */
body.woocommerce table,
body.woocommerce-page table,
body.woocommerce-account table {
  max-width: 100% !important;
}