/**
 * Cart page
 */
body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important

	table.shop_table td.product-remove {
		border-width: 0;

		@include media(desktop) {
			height: map-deep-get($config-global, "font", "size", "lg");
			width: map-deep-get($config-global, "font", "size", "lg");
		}
	}

	td.product-thumbnail {
		width: #{6 * map-deep-get($config-global, "spacing", "horizontal")};

		img {
			width: inherit;
		}
	}

	td.product-name {

		@include font-family( map-deep-get($config-global, "font", "family", "primary") );
		font-weight: 700;

		a {
			max-width: 50%;
		}

		dl.variation,
		.wc-item-meta {

			dt,
			.wc-item-meta-label {
				margin-right: #{0.5 * map-deep-get($config-global, "spacing", "unit")};
			}
		}

		p.backorder_notification {
			font-size: map-deep-get($config-global, "font", "size", "sm");
		}
	}

	td.product-quantity {
		min-width: #{5 * map-deep-get($config-global, "spacing", "unit")};
	}

	table.cart td.actions .input-text {
		width: inherit;
		float: inherit;
		padding: map-deep-get($config-global, "spacing", "unit");
	}
}
