Alves: Cleaning up WC styles to work with mini-cart variables.

alves/sass/_config-child-theme-woocommerce.scss

@@ -30,9 +30,9 @@ $config-woocommerce: (
 	"mini-cart": (
 		/* Color */
 		"color": (
-			"background": map-deep-get($config-global, "color", "background", "default"),
-			"border": map-deep-get($config-global, "color", "border", "dark"),
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"background": map-deep-get($config-global, "color", "primary", "default"),
+			"border": map-deep-get($config-global, "color", "background", "default"),
+			"text": map-deep-get($config-global, "color", "background", "default"),
 			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
 			"count": map-deep-get($config-global, "color", "foreground", "light"),
 		),

alves/sass/style-child-theme-woocommerce.scss

@@ -54,15 +54,6 @@ body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.
  * Mini cart
  */
 
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
-	background-color: #{map-deep-get($config-global, "color", "primary", "default")};
-}
-
-body[class*="woocommerce"] #page .main-navigation .quantity,
-body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
-	color: #{map-deep-get($config-global, "color", "background", "default")};
-}
-
 body[class*="woocommerce"] #page .site-header .main-navigation > div > ul > li .sub-menu a.remove:hover,
 body[class*="woocommerce"] #page .site-header .main-navigation > div > ul > li .sub-menu a.remove:focus {
 	text-decoration: none;

alves/style-woocommerce-rtl.css

@@ -860,8 +860,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
-	background-color: #ffffff;
-	color: #394d55;
+	background-color: #3E7D98;
+	color: #ffffff;
 	max-width: 100%;
 	padding: 8px 0;
 }
@@ -874,11 +874,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list {
-	border-bottom: 1px solid #9B6A36;
+	border-bottom: 1px solid #ffffff;
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list li {
-	border-top: 1px solid #9B6A36;
+	border-top: 1px solid #ffffff;
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
@@ -2052,15 +2052,6 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 /**
  * Mini cart
  */
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
-	background-color: #3E7D98;
-}
-
-body[class*="woocommerce"] #page .main-navigation .quantity,
-body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
-	color: #ffffff;
-}
-
 body[class*="woocommerce"] #page .site-header .main-navigation > div > ul > li .sub-menu a.remove:hover,
 body[class*="woocommerce"] #page .site-header .main-navigation > div > ul > li .sub-menu a.remove:focus {
 	text-decoration: none;

alves/style-woocommerce.css

@@ -860,8 +860,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
-	background-color: #ffffff;
-	color: #394d55;
+	background-color: #3E7D98;
+	color: #ffffff;
 	max-width: 100%;
 	padding: 8px 0;
 }
@@ -873,12 +873,12 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
 	}
 }
 
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list {
-	border-bottom: 1px solid #9B6A36;
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
+	border-bottom: 1px solid #ffffff;
 }
 
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list li {
-	border-top: 1px solid #9B6A36;
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
+	border-top: 1px solid #ffffff;
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
@@ -2052,15 +2052,6 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 /**
  * Mini cart
  */
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
-	background-color: #3E7D98;
-}
-
-body[class*="woocommerce"] #page .main-navigation .quantity,
-body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
-	color: #ffffff;
-}
-
 body[class*="woocommerce"] #page .site-header .main-navigation > div > ul > li .sub-menu a.remove:hover,
 body[class*="woocommerce"] #page .site-header .main-navigation > div > ul > li .sub-menu a.remove:focus {
 	text-decoration: none;