/**
 * Cart Widget
 */

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

	/**
	 * Cart Widget product list
	 */
	ul.cart_list,
	ul.product_list_widget {

		li {

			a:not(.remove) {
				@include font-family( map-deep-get($config-global, "font", "family", "primary") );
				line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
			}

			img {
				margin-left: #{map-deep-get($config-global, "spacing", "unit")};
				width: #{2 * map-deep-get($config-global, "spacing", "vertical")};
			}

			dl {
				border-left-color: map-deep-get($config-woocommerce, "table", "border", "color");

				dt,
				dd {
					margin-bottom: map-deep-get($config-global, "spacing", "vertical");
				}
			}
		}
	}

	.woocommerce.widget_shopping_cart {

		.total {
			border-top: none;
			padding-top: 0;
		}

		.cart_list {

			border-bottom: 1px solid map-deep-get($config-woocommerce, "table", "border", "color");

			li {
				border-top: 1px solid map-deep-get($config-woocommerce, "table", "border", "color");
				padding: map-deep-get($config-global, "spacing", "unit") 0 map-deep-get($config-global, "spacing", "unit") #{2 * map-deep-get($config-global, "spacing", "horizontal")};

				a.remove {
					top: map-deep-get($config-global, "spacing", "unit");
				}
			}
		}

		.buttons a#woo_pp_ec_button {
			padding: 0;
		}
	}
}