/**
 * WooCommerce styling for the WP Configurator Default theme.
 *
 * Self-contained: makes the cart product thumbnail look good without relying on
 * any other theme's stylesheet (e.g. Astra) being loaded on the page.
 *
 * WooCommerce core defaults that we override:
 *   - Desktop (woocommerce.css): `table.cart img { width: 32px }` — too small.
 *   - Mobile  (woocommerce-smallscreen.css, <=768px): the whole
 *     `.product-thumbnail` cell is `display: none`, hiding the image.
 *
 * Each selector below intentionally adds the `td` element to `.product-thumbnail`
 * so it outranks WooCommerce's class-only rules without needing `!important`.
 */

/* Thumbnail size — all breakpoints.
   Beats `.woocommerce-cart table.cart img { width: 32px }`. */
.woocommerce table.shop_table td.product-thumbnail img,
.woocommerce-page table.shop_table td.product-thumbnail img {
	width: auto;
	max-width: 70px;
	height: auto;
}

/* Mobile — keep the thumbnail visible and centered in the stacked cart layout.
   Beats `.woocommerce table.cart .product-thumbnail { display: none }`. */
@media screen and (max-width: 768px) {

	.woocommerce table.cart td.product-thumbnail,
	.woocommerce-page table.cart td.product-thumbnail {
		display: block;
		text-align: center;
	}

	/* Suppress the stacked-layout "data-title" label for the image cell. */
	.woocommerce table.cart td.product-thumbnail::before,
	.woocommerce-page table.cart td.product-thumbnail::before {
		display: none;
		content: "";
	}
}