/**
 * Mobile cart — stack product name, then quantity + subtotal on one row.
 * Theme breakpoint: max-width 64.0625rem (1024px).
 */

@media screen and (max-width: 64.0625rem) {
	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart {
		display: block;
		width: 100%;
		border-collapse: collapse;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart thead {
		display: none;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart tbody {
		display: block;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart tbody tr.woocommerce-cart-form__cart-item {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"name name"
			"qty subtotal";
		gap: 0.75rem 1rem;
		align-items: center;
		position: relative;
		padding: 1rem 0 1rem 1.5rem;
		border-bottom: 1px solid var(--color-form-border, #dee0ea);
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart tbody tr.woocommerce-cart-form__cart-item td {
		display: block;
		padding: 0 !important;
		border: none !important;
		text-align: left !important;
		width: auto !important;
		max-width: none !important;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart tbody tr.woocommerce-cart-form__cart-item td::before {
		display: none !important;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-remove {
		position: absolute;
		top: 1rem;
		left: 0;
		z-index: 1;
		grid-area: unset;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-thumbnail,
	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-price {
		display: none !important;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-name {
		grid-area: name;
		width: 100%;
		max-width: 100%;
		padding-left: 0 !important;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.45;
		word-break: normal;
		overflow-wrap: break-word;
		hyphens: auto;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-name a {
		display: inline;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-quantity {
		grid-area: qty;
		justify-self: start;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart .product-subtotal {
		grid-area: subtotal;
		justify-self: end;
		font-weight: 600;
		font-size: 1rem;
		white-space: nowrap;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart tbody tr:not(.woocommerce-cart-form__cart-item) {
		display: block;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart td.actions {
		display: block;
		padding: 1.5rem 0 5.5rem !important;
		border: none !important;
	}

	body.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive.cart td.actions::before {
		display: none !important;
	}
}