Varia: More WC compatibility imporvements.

varia/sass/vendors/woocommerce/blocks/button/_style.scss

@@ -2,7 +2,7 @@
  * Button
  */
 
-body[class*="woocommerce"] #content { // adding #content here to override default wc styles without !important
+body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important
 
 	#respond input#submit,
 	#respond input#submit.alt,
@@ -18,7 +18,9 @@ body[class*="woocommerce"] #content { // adding #content here to override defaul
 	.woocommerce #respond input#submit,
 	.woocommerce a.button,
 	.woocommerce button.button,
-	.woocommerce input.button {
+	.woocommerce input.button,
+	.woocommerce .widget_shopping_cart .buttons a,
+	.woocommerce.widget_shopping_cart .buttons a {
 		// Extend button style
 		@extend %button-style;
 	}

varia/sass/vendors/woocommerce/components/_cart-sidebar.scss

@@ -2,7 +2,7 @@
  * Reviews
  */
 
-.woocommerce #content { // adding #content here to override default wc styles without !important
+.woocommerce #page { // adding #page here to override default wc styles without !important
 
 	/**
 	 * Cart sidebar
@@ -27,15 +27,20 @@
 		}
 	}
 
-	&.widget_shopping_cart,
 	.widget_shopping_cart {
 
 		.total {
-			border-top-color: $color_secondary;
+			border-top: 1px solid $color_border_default;
+			padding-top: $spacing_unit;
 		}
 
 		.cart_list li {
-			padding-left: $spacing_horizontal;
+			border-top: 1px solid $color_border_default;
+			padding: $spacing_unit 0 $spacing_unit #{2 * $spacing_horizontal};
+
+			a.remove {
+				top: $spacing_unit;
+			}
 		}
 	}
 }

varia/sass/vendors/woocommerce/layout/_structure.scss

@@ -10,6 +10,9 @@
 .woocommerce #content .products.related,
 .woocommerce .woocommerce-MyAccount-content,
 .woocommerce .woocommerce-EditAccountForm,
+.woocommerce .woocommerce-billing-fields,
+.woocommerce .woocommerce-shipping-fields,
+.woocommerce .woocommerce-checkout,
 .woocommerce .up-sells {
 
 	& > *:not(:first-child) {
@@ -38,7 +41,9 @@
 .woocommerce .cart-collaterals .cross-sells,
 .woocommerce-page .cart-collaterals .cross-sells,
 .woocommerce .cart-collaterals .cart_totals,
-.woocommerce-page .cart-collaterals .cart_totals {
+.woocommerce-page .cart-collaterals .cart_totals,
+.woocommerce .widget_shopping_cart,
+.woocommerce .widget_shopping_cart_content {
 
 	& > *:not(:first-child) {
 		margin-top: $spacing_unit;
@@ -56,4 +61,4 @@
 	& > *:empty {
 		margin: 0;
 	}
-}
+}

varia/sass/vendors/woocommerce/pages/_cart.scss

@@ -45,7 +45,7 @@
 	}
 
 	#payment {
-		background: $color_secondary;
+		background: $color_background_light;
 		border-radius: 3px;
 
 		ul.payment_methods {
@@ -126,7 +126,7 @@
 			}
 
 			&::before {
-				border-color: $color_border_default; /* arrow size / color */
+				border-bottom-color: $color_border_default; /* arrow size / color */
 			}
 		}
 

varia/style-rtl.css

@@ -1034,21 +1034,23 @@ button,
 .button,
 input[type="submit"],
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept, body[class*="woocommerce"] #content #respond input#submit,
-body[class*="woocommerce"] #content #respond input#submit.alt,
-body[class*="woocommerce"] #content a.button,
-body[class*="woocommerce"] #content a.button.alt,
-body[class*="woocommerce"] #content button.button,
-body[class*="woocommerce"] #content button.button.alt,
-body[class*="woocommerce"] #content input.button,
-body[class*="woocommerce"] #content input.button.alt,
-body[class*="woocommerce"] #content .cart .button,
-body[class*="woocommerce"] #content .cart input.button,
-body[class*="woocommerce"] #content a.added_to_cart,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit,
-body[class*="woocommerce"] #content .woocommerce a.button,
-body[class*="woocommerce"] #content .woocommerce button.button,
-body[class*="woocommerce"] #content .woocommerce input.button {
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept, body[class*="woocommerce"] #page #respond input#submit,
+body[class*="woocommerce"] #page #respond input#submit.alt,
+body[class*="woocommerce"] #page a.button,
+body[class*="woocommerce"] #page a.button.alt,
+body[class*="woocommerce"] #page button.button,
+body[class*="woocommerce"] #page button.button.alt,
+body[class*="woocommerce"] #page input.button,
+body[class*="woocommerce"] #page input.button.alt,
+body[class*="woocommerce"] #page .cart .button,
+body[class*="woocommerce"] #page .cart input.button,
+body[class*="woocommerce"] #page a.added_to_cart,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit,
+body[class*="woocommerce"] #page .woocommerce a.button,
+body[class*="woocommerce"] #page .woocommerce button.button,
+body[class*="woocommerce"] #page .woocommerce input.button,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
 	line-height: 1;
 	color: white;
 	cursor: pointer;
@@ -1065,37 +1067,41 @@ button:before,
 .button:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #content #respond input#submit:before,
-body[class*="woocommerce"] #content #respond input#submit.alt:before,
-body[class*="woocommerce"] #content a.button:before,
-body[class*="woocommerce"] #content a.button.alt:before,
-body[class*="woocommerce"] #content button.button:before,
-body[class*="woocommerce"] #content button.button.alt:before,
-body[class*="woocommerce"] #content input.button:before,
-body[class*="woocommerce"] #content input.button.alt:before,
-body[class*="woocommerce"] #content .cart .button:before,
-body[class*="woocommerce"] #content a.added_to_cart:before,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:before,
-body[class*="woocommerce"] #content .woocommerce a.button:before,
-body[class*="woocommerce"] #content .woocommerce button.button:before,
-body[class*="woocommerce"] #content .woocommerce input.button:before, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #page #respond input#submit:before,
+body[class*="woocommerce"] #page #respond input#submit.alt:before,
+body[class*="woocommerce"] #page a.button:before,
+body[class*="woocommerce"] #page a.button.alt:before,
+body[class*="woocommerce"] #page button.button:before,
+body[class*="woocommerce"] #page button.button.alt:before,
+body[class*="woocommerce"] #page input.button:before,
+body[class*="woocommerce"] #page input.button.alt:before,
+body[class*="woocommerce"] #page .cart .button:before,
+body[class*="woocommerce"] #page a.added_to_cart:before,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
+body[class*="woocommerce"] #page .woocommerce a.button:before,
+body[class*="woocommerce"] #page .woocommerce button.button:before,
+body[class*="woocommerce"] #page .woocommerce input.button:before,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before, button:after,
 .button:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #content #respond input#submit:after,
-body[class*="woocommerce"] #content #respond input#submit.alt:after,
-body[class*="woocommerce"] #content a.button:after,
-body[class*="woocommerce"] #content a.button.alt:after,
-body[class*="woocommerce"] #content button.button:after,
-body[class*="woocommerce"] #content button.button.alt:after,
-body[class*="woocommerce"] #content input.button:after,
-body[class*="woocommerce"] #content input.button.alt:after,
-body[class*="woocommerce"] #content .cart .button:after,
-body[class*="woocommerce"] #content a.added_to_cart:after,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:after,
-body[class*="woocommerce"] #content .woocommerce a.button:after,
-body[class*="woocommerce"] #content .woocommerce button.button:after,
-body[class*="woocommerce"] #content .woocommerce input.button:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #page #respond input#submit:after,
+body[class*="woocommerce"] #page #respond input#submit.alt:after,
+body[class*="woocommerce"] #page a.button:after,
+body[class*="woocommerce"] #page a.button.alt:after,
+body[class*="woocommerce"] #page button.button:after,
+body[class*="woocommerce"] #page button.button.alt:after,
+body[class*="woocommerce"] #page input.button:after,
+body[class*="woocommerce"] #page input.button.alt:after,
+body[class*="woocommerce"] #page .cart .button:after,
+body[class*="woocommerce"] #page a.added_to_cart:after,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
+body[class*="woocommerce"] #page .woocommerce a.button:after,
+body[class*="woocommerce"] #page .woocommerce button.button:after,
+body[class*="woocommerce"] #page .woocommerce input.button:after,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
 	content: '';
 	display: block;
 	height: 0;
@@ -1106,20 +1112,22 @@ button:before,
 .button:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #content #respond input#submit:before,
-body[class*="woocommerce"] #content #respond input#submit.alt:before,
-body[class*="woocommerce"] #content a.button:before,
-body[class*="woocommerce"] #content a.button.alt:before,
-body[class*="woocommerce"] #content button.button:before,
-body[class*="woocommerce"] #content button.button.alt:before,
-body[class*="woocommerce"] #content input.button:before,
-body[class*="woocommerce"] #content input.button.alt:before,
-body[class*="woocommerce"] #content .cart .button:before,
-body[class*="woocommerce"] #content a.added_to_cart:before,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:before,
-body[class*="woocommerce"] #content .woocommerce a.button:before,
-body[class*="woocommerce"] #content .woocommerce button.button:before,
-body[class*="woocommerce"] #content .woocommerce input.button:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #page #respond input#submit:before,
+body[class*="woocommerce"] #page #respond input#submit.alt:before,
+body[class*="woocommerce"] #page a.button:before,
+body[class*="woocommerce"] #page a.button.alt:before,
+body[class*="woocommerce"] #page button.button:before,
+body[class*="woocommerce"] #page button.button.alt:before,
+body[class*="woocommerce"] #page input.button:before,
+body[class*="woocommerce"] #page input.button.alt:before,
+body[class*="woocommerce"] #page .cart .button:before,
+body[class*="woocommerce"] #page a.added_to_cart:before,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
+body[class*="woocommerce"] #page .woocommerce a.button:before,
+body[class*="woocommerce"] #page .woocommerce button.button:before,
+body[class*="woocommerce"] #page .woocommerce input.button:before,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before {
 	margin-bottom: -0.12em;
 }
 
@@ -1127,20 +1135,22 @@ button:after,
 .button:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #content #respond input#submit:after,
-body[class*="woocommerce"] #content #respond input#submit.alt:after,
-body[class*="woocommerce"] #content a.button:after,
-body[class*="woocommerce"] #content a.button.alt:after,
-body[class*="woocommerce"] #content button.button:after,
-body[class*="woocommerce"] #content button.button.alt:after,
-body[class*="woocommerce"] #content input.button:after,
-body[class*="woocommerce"] #content input.button.alt:after,
-body[class*="woocommerce"] #content .cart .button:after,
-body[class*="woocommerce"] #content a.added_to_cart:after,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:after,
-body[class*="woocommerce"] #content .woocommerce a.button:after,
-body[class*="woocommerce"] #content .woocommerce button.button:after,
-body[class*="woocommerce"] #content .woocommerce input.button:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #page #respond input#submit:after,
+body[class*="woocommerce"] #page #respond input#submit.alt:after,
+body[class*="woocommerce"] #page a.button:after,
+body[class*="woocommerce"] #page a.button.alt:after,
+body[class*="woocommerce"] #page button.button:after,
+body[class*="woocommerce"] #page button.button.alt:after,
+body[class*="woocommerce"] #page input.button:after,
+body[class*="woocommerce"] #page input.button.alt:after,
+body[class*="woocommerce"] #page .cart .button:after,
+body[class*="woocommerce"] #page a.added_to_cart:after,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
+body[class*="woocommerce"] #page .woocommerce a.button:after,
+body[class*="woocommerce"] #page .woocommerce button.button:after,
+body[class*="woocommerce"] #page .woocommerce input.button:after,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
 	margin-top: -0.11em;
 }
 
@@ -1148,30 +1158,36 @@ button:hover,
 .button:hover,
 input:hover[type="submit"],
 .wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, body[class*="woocommerce"] #content #respond input#submit:hover,
-body[class*="woocommerce"] #content a.button:hover,
-body[class*="woocommerce"] #content button.button:hover,
-body[class*="woocommerce"] #content input.button:hover,
-body[class*="woocommerce"] #content .cart .button:hover,
-body[class*="woocommerce"] #content a.added_to_cart:hover, button:focus,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, body[class*="woocommerce"] #page #respond input#submit:hover,
+body[class*="woocommerce"] #page a.button:hover,
+body[class*="woocommerce"] #page button.button:hover,
+body[class*="woocommerce"] #page input.button:hover,
+body[class*="woocommerce"] #page .cart .button:hover,
+body[class*="woocommerce"] #page a.added_to_cart:hover,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:hover,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:hover, button:focus,
 .button:focus,
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, body[class*="woocommerce"] #content #respond input#submit:focus,
-body[class*="woocommerce"] #content a.button:focus,
-body[class*="woocommerce"] #content button.button:focus,
-body[class*="woocommerce"] #content input.button:focus,
-body[class*="woocommerce"] #content .cart .button:focus,
-body[class*="woocommerce"] #content a.added_to_cart:focus, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, body[class*="woocommerce"] #page #respond input#submit:focus,
+body[class*="woocommerce"] #page a.button:focus,
+body[class*="woocommerce"] #page button.button:focus,
+body[class*="woocommerce"] #page input.button:focus,
+body[class*="woocommerce"] #page .cart .button:focus,
+body[class*="woocommerce"] #page a.added_to_cart:focus,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:focus,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:focus, button.has-focus,
 .has-focus.button,
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept, body[class*="woocommerce"] #content #respond input.has-focus#submit,
-body[class*="woocommerce"] #content a.has-focus.button,
-body[class*="woocommerce"] #content button.has-focus.button,
-body[class*="woocommerce"] #content input.has-focus.button,
-body[class*="woocommerce"] #content .cart .has-focus.button,
-body[class*="woocommerce"] #content a.has-focus.added_to_cart {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept, body[class*="woocommerce"] #page #respond input.has-focus#submit,
+body[class*="woocommerce"] #page a.has-focus.button,
+body[class*="woocommerce"] #page button.has-focus.button,
+body[class*="woocommerce"] #page input.has-focus.button,
+body[class*="woocommerce"] #page .cart .has-focus.button,
+body[class*="woocommerce"] #page a.has-focus.added_to_cart,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
 	color: white;
 	background-color: indigo;
 }
@@ -2476,6 +2492,16 @@ table th,
 	z-index: 1;
 }
 
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2488,6 +2514,22 @@ table th,
 		/* Submenu display */
 	}
 	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -3615,71 +3657,75 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 /**
  * Button
  */
-body[class*="woocommerce"] #content .woocommerce #respond input#submit.disabled,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled[disabled],
-body[class*="woocommerce"] #content .woocommerce a.button.disabled,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled[disabled],
-body[class*="woocommerce"] #content .woocommerce button.button.disabled,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled[disabled],
-body[class*="woocommerce"] #content .woocommerce input.button.disabled,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled[disabled] {
+body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled],
+body[class*="woocommerce"] #page .woocommerce a.button.disabled,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled],
+body[class*="woocommerce"] #page .woocommerce button.button.disabled,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled],
+body[class*="woocommerce"] #page .woocommerce input.button.disabled,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled] {
 	cursor: not-allowed;
 }
 
-body[class*="woocommerce"] #content .woocommerce #respond input#submit.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled[disabled]:hover,
-body[class*="woocommerce"] #content .woocommerce a.button.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled[disabled]:hover,
-body[class*="woocommerce"] #content .woocommerce button.button.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled[disabled]:hover,
-body[class*="woocommerce"] #content .woocommerce input.button.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled[disabled]:hover {
+body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled]:hover,
+body[class*="woocommerce"] #page .woocommerce a.button.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled]:hover,
+body[class*="woocommerce"] #page .woocommerce button.button.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled]:hover,
+body[class*="woocommerce"] #page .woocommerce input.button.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:hover {
 	background-color: blue;
 }
 
 /**
  * Reviews
  */
-.woocommerce #content {
+.woocommerce #page {
 	/**
 	 * Cart sidebar
 	 */
 }
 
-.woocommerce #content ul.cart_list li img,
-.woocommerce #content ul.product_list_widget li img {
+.woocommerce #page ul.cart_list li img,
+.woocommerce #page ul.product_list_widget li img {
 	margin-right: 4px;
 	width: 32px;
 }
 
-.woocommerce #content ul.cart_list li dl,
-.woocommerce #content ul.product_list_widget li dl {
+.woocommerce #page ul.cart_list li dl,
+.woocommerce #page ul.product_list_widget li dl {
 	border-right-color: #DDDDDD;
 }
 
-.woocommerce #content ul.cart_list li dl dt,
-.woocommerce #content ul.cart_list li dl dd,
-.woocommerce #content ul.product_list_widget li dl dt,
-.woocommerce #content ul.product_list_widget li dl dd {
+.woocommerce #page ul.cart_list li dl dt,
+.woocommerce #page ul.cart_list li dl dd,
+.woocommerce #page ul.product_list_widget li dl dt,
+.woocommerce #page ul.product_list_widget li dl dd {
 	margin-bottom: 32px;
 }
 
-.woocommerce #content.widget_shopping_cart .total,
-.woocommerce #content .widget_shopping_cart .total {
-	border-top-color: red;
+.woocommerce #page .widget_shopping_cart .total {
+	border-top: 1px solid #DDDDDD;
+	padding-top: 16px;
+}
+
+.woocommerce #page .widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 32px 16px 0;
 }
 
-.woocommerce #content.widget_shopping_cart .cart_list li,
-.woocommerce #content .widget_shopping_cart .cart_list li {
-	padding-right: 16px;
+.woocommerce #page .widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
 }
 
 /**
@@ -4097,6 +4143,8 @@ woocommerce-password-hint {
 .woocommerce #content .products.related > *:not(:first-child),
 .woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
 .woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
+.woocommerce .woocommerce-billing-fields > *:not(:first-child),
+.woocommerce .woocommerce-checkout > *:not(:first-child),
 .woocommerce .up-sells > *:not(:first-child) {
 	margin-top: 32px;
 }
@@ -4106,6 +4154,8 @@ woocommerce-password-hint {
 .woocommerce #content .products.related > *:not(:last-child),
 .woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
 .woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
+.woocommerce .woocommerce-billing-fields > *:not(:last-child),
+.woocommerce .woocommerce-checkout > *:not(:last-child),
 .woocommerce .up-sells > *:not(:last-child) {
 	margin-bottom: 32px;
 }
@@ -4120,6 +4170,10 @@ woocommerce-password-hint {
 .woocommerce .woocommerce-MyAccount-content > .form-row-last,
 .woocommerce .woocommerce-EditAccountForm > *:empty + *,
 .woocommerce .woocommerce-EditAccountForm > .form-row-last,
+.woocommerce .woocommerce-billing-fields > *:empty + *,
+.woocommerce .woocommerce-billing-fields > .form-row-last,
+.woocommerce .woocommerce-checkout > *:empty + *,
+.woocommerce .woocommerce-checkout > .form-row-last,
 .woocommerce .up-sells > *:empty + *,
 .woocommerce .up-sells > .form-row-last {
 	margin-top: 0;
@@ -4130,6 +4184,8 @@ woocommerce-password-hint {
 .woocommerce #content .products.related > *:empty,
 .woocommerce .woocommerce-MyAccount-content > *:empty,
 .woocommerce .woocommerce-EditAccountForm > *:empty,
+.woocommerce .woocommerce-billing-fields > *:empty,
+.woocommerce .woocommerce-checkout > *:empty,
 .woocommerce .up-sells > *:empty {
 	margin: 0;
 }
@@ -4142,7 +4198,9 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cross-sells > *:not(:first-child),
 .woocommerce-page .cart-collaterals .cross-sells > *:not(:first-child),
 .woocommerce .cart-collaterals .cart_totals > *:not(:first-child),
-.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child) {
+.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child),
+.woocommerce .widget_shopping_cart > *:not(:first-child),
+.woocommerce .widget_shopping_cart_content > *:not(:first-child) {
 	margin-top: 16px;
 }
 
@@ -4157,7 +4215,11 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cart_totals > *:not(:last-child),
 .woocommerce .cart-collaterals .cart_totals > .price,
 .woocommerce-page .cart-collaterals .cart_totals > *:not(:last-child),
-.woocommerce-page .cart-collaterals .cart_totals > .price {
+.woocommerce-page .cart-collaterals .cart_totals > .price,
+.woocommerce .widget_shopping_cart > *:not(:last-child),
+.woocommerce .widget_shopping_cart > .price,
+.woocommerce .widget_shopping_cart_content > *:not(:last-child),
+.woocommerce .widget_shopping_cart_content > .price {
 	margin-bottom: 16px;
 }
 
@@ -4166,7 +4228,9 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cross-sells > *:not(img):empty + *,
 .woocommerce-page .cart-collaterals .cross-sells > *:not(img):empty + *,
 .woocommerce .cart-collaterals .cart_totals > *:not(img):empty + *,
-.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + * {
+.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + *,
+.woocommerce .widget_shopping_cart > *:not(img):empty + *,
+.woocommerce .widget_shopping_cart_content > *:not(img):empty + * {
 	margin-top: 0;
 }
 
@@ -4175,7 +4239,9 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cross-sells > *:empty,
 .woocommerce-page .cart-collaterals .cross-sells > *:empty,
 .woocommerce .cart-collaterals .cart_totals > *:empty,
-.woocommerce-page .cart-collaterals .cart_totals > *:empty {
+.woocommerce-page .cart-collaterals .cart_totals > *:empty,
+.woocommerce .widget_shopping_cart > *:empty,
+.woocommerce .widget_shopping_cart_content > *:empty {
 	margin: 0;
 }
 
@@ -4246,7 +4312,7 @@ woocommerce-password-hint {
 .woocommerce-cart #payment,
 .woocommerce-checkout #payment,
 #add_payment_method #payment {
-	background: red;
+	background: #FAFAFA;
 	border-radius: 3px;
 }
 
@@ -4363,7 +4429,7 @@ woocommerce-password-hint {
 .woocommerce-cart #payment div.payment_box::before,
 .woocommerce-checkout #payment div.payment_box::before,
 #add_payment_method #payment div.payment_box::before {
-	border-color: #DDDDDD;
+	border-bottom-color: #DDDDDD;
 	/* arrow size / color */
 }
 

varia/style.css

@@ -1034,21 +1034,23 @@ button,
 .button,
 input[type="submit"],
 .wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept, body[class*="woocommerce"] #content #respond input#submit,
-body[class*="woocommerce"] #content #respond input#submit.alt,
-body[class*="woocommerce"] #content a.button,
-body[class*="woocommerce"] #content a.button.alt,
-body[class*="woocommerce"] #content button.button,
-body[class*="woocommerce"] #content button.button.alt,
-body[class*="woocommerce"] #content input.button,
-body[class*="woocommerce"] #content input.button.alt,
-body[class*="woocommerce"] #content .cart .button,
-body[class*="woocommerce"] #content .cart input.button,
-body[class*="woocommerce"] #content a.added_to_cart,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit,
-body[class*="woocommerce"] #content .woocommerce a.button,
-body[class*="woocommerce"] #content .woocommerce button.button,
-body[class*="woocommerce"] #content .woocommerce input.button {
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept, body[class*="woocommerce"] #page #respond input#submit,
+body[class*="woocommerce"] #page #respond input#submit.alt,
+body[class*="woocommerce"] #page a.button,
+body[class*="woocommerce"] #page a.button.alt,
+body[class*="woocommerce"] #page button.button,
+body[class*="woocommerce"] #page button.button.alt,
+body[class*="woocommerce"] #page input.button,
+body[class*="woocommerce"] #page input.button.alt,
+body[class*="woocommerce"] #page .cart .button,
+body[class*="woocommerce"] #page .cart input.button,
+body[class*="woocommerce"] #page a.added_to_cart,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit,
+body[class*="woocommerce"] #page .woocommerce a.button,
+body[class*="woocommerce"] #page .woocommerce button.button,
+body[class*="woocommerce"] #page .woocommerce input.button,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
 	line-height: 1;
 	color: white;
 	cursor: pointer;
@@ -1065,37 +1067,41 @@ button:before,
 .button:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #content #respond input#submit:before,
-body[class*="woocommerce"] #content #respond input#submit.alt:before,
-body[class*="woocommerce"] #content a.button:before,
-body[class*="woocommerce"] #content a.button.alt:before,
-body[class*="woocommerce"] #content button.button:before,
-body[class*="woocommerce"] #content button.button.alt:before,
-body[class*="woocommerce"] #content input.button:before,
-body[class*="woocommerce"] #content input.button.alt:before,
-body[class*="woocommerce"] #content .cart .button:before,
-body[class*="woocommerce"] #content a.added_to_cart:before,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:before,
-body[class*="woocommerce"] #content .woocommerce a.button:before,
-body[class*="woocommerce"] #content .woocommerce button.button:before,
-body[class*="woocommerce"] #content .woocommerce input.button:before, button:after,
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #page #respond input#submit:before,
+body[class*="woocommerce"] #page #respond input#submit.alt:before,
+body[class*="woocommerce"] #page a.button:before,
+body[class*="woocommerce"] #page a.button.alt:before,
+body[class*="woocommerce"] #page button.button:before,
+body[class*="woocommerce"] #page button.button.alt:before,
+body[class*="woocommerce"] #page input.button:before,
+body[class*="woocommerce"] #page input.button.alt:before,
+body[class*="woocommerce"] #page .cart .button:before,
+body[class*="woocommerce"] #page a.added_to_cart:before,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
+body[class*="woocommerce"] #page .woocommerce a.button:before,
+body[class*="woocommerce"] #page .woocommerce button.button:before,
+body[class*="woocommerce"] #page .woocommerce input.button:before,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before, button:after,
 .button:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #content #respond input#submit:after,
-body[class*="woocommerce"] #content #respond input#submit.alt:after,
-body[class*="woocommerce"] #content a.button:after,
-body[class*="woocommerce"] #content a.button.alt:after,
-body[class*="woocommerce"] #content button.button:after,
-body[class*="woocommerce"] #content button.button.alt:after,
-body[class*="woocommerce"] #content input.button:after,
-body[class*="woocommerce"] #content input.button.alt:after,
-body[class*="woocommerce"] #content .cart .button:after,
-body[class*="woocommerce"] #content a.added_to_cart:after,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:after,
-body[class*="woocommerce"] #content .woocommerce a.button:after,
-body[class*="woocommerce"] #content .woocommerce button.button:after,
-body[class*="woocommerce"] #content .woocommerce input.button:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #page #respond input#submit:after,
+body[class*="woocommerce"] #page #respond input#submit.alt:after,
+body[class*="woocommerce"] #page a.button:after,
+body[class*="woocommerce"] #page a.button.alt:after,
+body[class*="woocommerce"] #page button.button:after,
+body[class*="woocommerce"] #page button.button.alt:after,
+body[class*="woocommerce"] #page input.button:after,
+body[class*="woocommerce"] #page input.button.alt:after,
+body[class*="woocommerce"] #page .cart .button:after,
+body[class*="woocommerce"] #page a.added_to_cart:after,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
+body[class*="woocommerce"] #page .woocommerce a.button:after,
+body[class*="woocommerce"] #page .woocommerce button.button:after,
+body[class*="woocommerce"] #page .woocommerce input.button:after,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
 	content: '';
 	display: block;
 	height: 0;
@@ -1106,20 +1112,22 @@ button:before,
 .button:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #content #respond input#submit:before,
-body[class*="woocommerce"] #content #respond input#submit.alt:before,
-body[class*="woocommerce"] #content a.button:before,
-body[class*="woocommerce"] #content a.button.alt:before,
-body[class*="woocommerce"] #content button.button:before,
-body[class*="woocommerce"] #content button.button.alt:before,
-body[class*="woocommerce"] #content input.button:before,
-body[class*="woocommerce"] #content input.button.alt:before,
-body[class*="woocommerce"] #content .cart .button:before,
-body[class*="woocommerce"] #content a.added_to_cart:before,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:before,
-body[class*="woocommerce"] #content .woocommerce a.button:before,
-body[class*="woocommerce"] #content .woocommerce button.button:before,
-body[class*="woocommerce"] #content .woocommerce input.button:before {
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, body[class*="woocommerce"] #page #respond input#submit:before,
+body[class*="woocommerce"] #page #respond input#submit.alt:before,
+body[class*="woocommerce"] #page a.button:before,
+body[class*="woocommerce"] #page a.button.alt:before,
+body[class*="woocommerce"] #page button.button:before,
+body[class*="woocommerce"] #page button.button.alt:before,
+body[class*="woocommerce"] #page input.button:before,
+body[class*="woocommerce"] #page input.button.alt:before,
+body[class*="woocommerce"] #page .cart .button:before,
+body[class*="woocommerce"] #page a.added_to_cart:before,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:before,
+body[class*="woocommerce"] #page .woocommerce a.button:before,
+body[class*="woocommerce"] #page .woocommerce button.button:before,
+body[class*="woocommerce"] #page .woocommerce input.button:before,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:before,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:before {
 	margin-bottom: -0.12em;
 }
 
@@ -1127,20 +1135,22 @@ button:after,
 .button:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #content #respond input#submit:after,
-body[class*="woocommerce"] #content #respond input#submit.alt:after,
-body[class*="woocommerce"] #content a.button:after,
-body[class*="woocommerce"] #content a.button.alt:after,
-body[class*="woocommerce"] #content button.button:after,
-body[class*="woocommerce"] #content button.button.alt:after,
-body[class*="woocommerce"] #content input.button:after,
-body[class*="woocommerce"] #content input.button.alt:after,
-body[class*="woocommerce"] #content .cart .button:after,
-body[class*="woocommerce"] #content a.added_to_cart:after,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:after,
-body[class*="woocommerce"] #content .woocommerce a.button:after,
-body[class*="woocommerce"] #content .woocommerce button.button:after,
-body[class*="woocommerce"] #content .woocommerce input.button:after {
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after, body[class*="woocommerce"] #page #respond input#submit:after,
+body[class*="woocommerce"] #page #respond input#submit.alt:after,
+body[class*="woocommerce"] #page a.button:after,
+body[class*="woocommerce"] #page a.button.alt:after,
+body[class*="woocommerce"] #page button.button:after,
+body[class*="woocommerce"] #page button.button.alt:after,
+body[class*="woocommerce"] #page input.button:after,
+body[class*="woocommerce"] #page input.button.alt:after,
+body[class*="woocommerce"] #page .cart .button:after,
+body[class*="woocommerce"] #page a.added_to_cart:after,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:after,
+body[class*="woocommerce"] #page .woocommerce a.button:after,
+body[class*="woocommerce"] #page .woocommerce button.button:after,
+body[class*="woocommerce"] #page .woocommerce input.button:after,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:after,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:after {
 	margin-top: -0.11em;
 }
 
@@ -1148,30 +1158,36 @@ button:hover,
 .button:hover,
 input:hover[type="submit"],
 .wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, body[class*="woocommerce"] #content #respond input#submit:hover,
-body[class*="woocommerce"] #content a.button:hover,
-body[class*="woocommerce"] #content button.button:hover,
-body[class*="woocommerce"] #content input.button:hover,
-body[class*="woocommerce"] #content .cart .button:hover,
-body[class*="woocommerce"] #content a.added_to_cart:hover, button:focus,
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, body[class*="woocommerce"] #page #respond input#submit:hover,
+body[class*="woocommerce"] #page a.button:hover,
+body[class*="woocommerce"] #page button.button:hover,
+body[class*="woocommerce"] #page input.button:hover,
+body[class*="woocommerce"] #page .cart .button:hover,
+body[class*="woocommerce"] #page a.added_to_cart:hover,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:hover,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:hover, button:focus,
 .button:focus,
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, body[class*="woocommerce"] #content #respond input#submit:focus,
-body[class*="woocommerce"] #content a.button:focus,
-body[class*="woocommerce"] #content button.button:focus,
-body[class*="woocommerce"] #content input.button:focus,
-body[class*="woocommerce"] #content .cart .button:focus,
-body[class*="woocommerce"] #content a.added_to_cart:focus, button.has-focus,
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, body[class*="woocommerce"] #page #respond input#submit:focus,
+body[class*="woocommerce"] #page a.button:focus,
+body[class*="woocommerce"] #page button.button:focus,
+body[class*="woocommerce"] #page input.button:focus,
+body[class*="woocommerce"] #page .cart .button:focus,
+body[class*="woocommerce"] #page a.added_to_cart:focus,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a:focus,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a:focus, button.has-focus,
 .has-focus.button,
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept, body[class*="woocommerce"] #content #respond input.has-focus#submit,
-body[class*="woocommerce"] #content a.has-focus.button,
-body[class*="woocommerce"] #content button.has-focus.button,
-body[class*="woocommerce"] #content input.has-focus.button,
-body[class*="woocommerce"] #content .cart .has-focus.button,
-body[class*="woocommerce"] #content a.has-focus.added_to_cart {
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept, body[class*="woocommerce"] #page #respond input.has-focus#submit,
+body[class*="woocommerce"] #page a.has-focus.button,
+body[class*="woocommerce"] #page button.has-focus.button,
+body[class*="woocommerce"] #page input.has-focus.button,
+body[class*="woocommerce"] #page .cart .has-focus.button,
+body[class*="woocommerce"] #page a.has-focus.added_to_cart,
+body[class*="woocommerce"] #page .woocommerce .widget_shopping_cart .buttons a.has-focus,
+body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.has-focus {
 	color: white;
 	background-color: indigo;
 }
@@ -3657,71 +3673,75 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 /**
  * Button
  */
-body[class*="woocommerce"] #content .woocommerce #respond input#submit.disabled,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled[disabled],
-body[class*="woocommerce"] #content .woocommerce a.button.disabled,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled[disabled],
-body[class*="woocommerce"] #content .woocommerce button.button.disabled,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled[disabled],
-body[class*="woocommerce"] #content .woocommerce input.button.disabled,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled[disabled] {
+body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled],
+body[class*="woocommerce"] #page .woocommerce a.button.disabled,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled],
+body[class*="woocommerce"] #page .woocommerce button.button.disabled,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled],
+body[class*="woocommerce"] #page .woocommerce input.button.disabled,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled] {
 	cursor: not-allowed;
 }
 
-body[class*="woocommerce"] #content .woocommerce #respond input#submit.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce #respond input#submit:disabled[disabled]:hover,
-body[class*="woocommerce"] #content .woocommerce a.button.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce a.button:disabled[disabled]:hover,
-body[class*="woocommerce"] #content .woocommerce button.button.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce button.button:disabled[disabled]:hover,
-body[class*="woocommerce"] #content .woocommerce input.button.disabled:hover,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled:hover,
-body[class*="woocommerce"] #content .woocommerce input.button:disabled[disabled]:hover {
+body[class*="woocommerce"] #page .woocommerce #respond input#submit.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce #respond input#submit:disabled[disabled]:hover,
+body[class*="woocommerce"] #page .woocommerce a.button.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce a.button:disabled[disabled]:hover,
+body[class*="woocommerce"] #page .woocommerce button.button.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce button.button:disabled[disabled]:hover,
+body[class*="woocommerce"] #page .woocommerce input.button.disabled:hover,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled:hover,
+body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:hover {
 	background-color: blue;
 }
 
 /**
  * Reviews
  */
-.woocommerce #content {
+.woocommerce #page {
 	/**
 	 * Cart sidebar
 	 */
 }
 
-.woocommerce #content ul.cart_list li img,
-.woocommerce #content ul.product_list_widget li img {
+.woocommerce #page ul.cart_list li img,
+.woocommerce #page ul.product_list_widget li img {
 	margin-left: 4px;
 	width: 32px;
 }
 
-.woocommerce #content ul.cart_list li dl,
-.woocommerce #content ul.product_list_widget li dl {
+.woocommerce #page ul.cart_list li dl,
+.woocommerce #page ul.product_list_widget li dl {
 	border-left-color: #DDDDDD;
 }
 
-.woocommerce #content ul.cart_list li dl dt,
-.woocommerce #content ul.cart_list li dl dd,
-.woocommerce #content ul.product_list_widget li dl dt,
-.woocommerce #content ul.product_list_widget li dl dd {
+.woocommerce #page ul.cart_list li dl dt,
+.woocommerce #page ul.cart_list li dl dd,
+.woocommerce #page ul.product_list_widget li dl dt,
+.woocommerce #page ul.product_list_widget li dl dd {
 	margin-bottom: 32px;
 }
 
-.woocommerce #content.widget_shopping_cart .total,
-.woocommerce #content .widget_shopping_cart .total {
-	border-top-color: red;
+.woocommerce #page .widget_shopping_cart .total {
+	border-top: 1px solid #DDDDDD;
+	padding-top: 16px;
 }
 
-.woocommerce #content.widget_shopping_cart .cart_list li,
-.woocommerce #content .widget_shopping_cart .cart_list li {
-	padding-left: 16px;
+.woocommerce #page .widget_shopping_cart .cart_list li {
+	border-top: 1px solid #DDDDDD;
+	padding: 16px 0 16px 32px;
+}
+
+.woocommerce #page .widget_shopping_cart .cart_list li a.remove {
+	top: 16px;
 }
 
 /**
@@ -4139,6 +4159,9 @@ woocommerce-password-hint {
 .woocommerce #content .products.related > *:not(:first-child),
 .woocommerce .woocommerce-MyAccount-content > *:not(:first-child),
 .woocommerce .woocommerce-EditAccountForm > *:not(:first-child),
+.woocommerce .woocommerce-billing-fields > *:not(:first-child),
+.woocommerce .woocommerce-shipping-fields > *:not(:first-child),
+.woocommerce .woocommerce-checkout > *:not(:first-child),
 .woocommerce .up-sells > *:not(:first-child) {
 	margin-top: 32px;
 }
@@ -4148,6 +4171,9 @@ woocommerce-password-hint {
 .woocommerce #content .products.related > *:not(:last-child),
 .woocommerce .woocommerce-MyAccount-content > *:not(:last-child),
 .woocommerce .woocommerce-EditAccountForm > *:not(:last-child),
+.woocommerce .woocommerce-billing-fields > *:not(:last-child),
+.woocommerce .woocommerce-shipping-fields > *:not(:last-child),
+.woocommerce .woocommerce-checkout > *:not(:last-child),
 .woocommerce .up-sells > *:not(:last-child) {
 	margin-bottom: 32px;
 }
@@ -4162,6 +4188,12 @@ woocommerce-password-hint {
 .woocommerce .woocommerce-MyAccount-content > .form-row-last,
 .woocommerce .woocommerce-EditAccountForm > *:empty + *,
 .woocommerce .woocommerce-EditAccountForm > .form-row-last,
+.woocommerce .woocommerce-billing-fields > *:empty + *,
+.woocommerce .woocommerce-billing-fields > .form-row-last,
+.woocommerce .woocommerce-shipping-fields > *:empty + *,
+.woocommerce .woocommerce-shipping-fields > .form-row-last,
+.woocommerce .woocommerce-checkout > *:empty + *,
+.woocommerce .woocommerce-checkout > .form-row-last,
 .woocommerce .up-sells > *:empty + *,
 .woocommerce .up-sells > .form-row-last {
 	margin-top: 0;
@@ -4172,6 +4204,9 @@ woocommerce-password-hint {
 .woocommerce #content .products.related > *:empty,
 .woocommerce .woocommerce-MyAccount-content > *:empty,
 .woocommerce .woocommerce-EditAccountForm > *:empty,
+.woocommerce .woocommerce-billing-fields > *:empty,
+.woocommerce .woocommerce-shipping-fields > *:empty,
+.woocommerce .woocommerce-checkout > *:empty,
 .woocommerce .up-sells > *:empty {
 	margin: 0;
 }
@@ -4184,7 +4219,9 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cross-sells > *:not(:first-child),
 .woocommerce-page .cart-collaterals .cross-sells > *:not(:first-child),
 .woocommerce .cart-collaterals .cart_totals > *:not(:first-child),
-.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child) {
+.woocommerce-page .cart-collaterals .cart_totals > *:not(:first-child),
+.woocommerce .widget_shopping_cart > *:not(:first-child),
+.woocommerce .widget_shopping_cart_content > *:not(:first-child) {
 	margin-top: 16px;
 }
 
@@ -4199,7 +4236,11 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cart_totals > *:not(:last-child),
 .woocommerce .cart-collaterals .cart_totals > .price,
 .woocommerce-page .cart-collaterals .cart_totals > *:not(:last-child),
-.woocommerce-page .cart-collaterals .cart_totals > .price {
+.woocommerce-page .cart-collaterals .cart_totals > .price,
+.woocommerce .widget_shopping_cart > *:not(:last-child),
+.woocommerce .widget_shopping_cart > .price,
+.woocommerce .widget_shopping_cart_content > *:not(:last-child),
+.woocommerce .widget_shopping_cart_content > .price {
 	margin-bottom: 16px;
 }
 
@@ -4208,7 +4249,9 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cross-sells > *:not(img):empty + *,
 .woocommerce-page .cart-collaterals .cross-sells > *:not(img):empty + *,
 .woocommerce .cart-collaterals .cart_totals > *:not(img):empty + *,
-.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + * {
+.woocommerce-page .cart-collaterals .cart_totals > *:not(img):empty + *,
+.woocommerce .widget_shopping_cart > *:not(img):empty + *,
+.woocommerce .widget_shopping_cart_content > *:not(img):empty + * {
 	margin-top: 0;
 }
 
@@ -4217,7 +4260,9 @@ woocommerce-password-hint {
 .woocommerce .cart-collaterals .cross-sells > *:empty,
 .woocommerce-page .cart-collaterals .cross-sells > *:empty,
 .woocommerce .cart-collaterals .cart_totals > *:empty,
-.woocommerce-page .cart-collaterals .cart_totals > *:empty {
+.woocommerce-page .cart-collaterals .cart_totals > *:empty,
+.woocommerce .widget_shopping_cart > *:empty,
+.woocommerce .widget_shopping_cart_content > *:empty {
 	margin: 0;
 }
 
@@ -4288,7 +4333,7 @@ woocommerce-password-hint {
 .woocommerce-cart #payment,
 .woocommerce-checkout #payment,
 #add_payment_method #payment {
-	background: red;
+	background: #FAFAFA;
 	border-radius: 3px;
 }
 
@@ -4405,7 +4450,7 @@ woocommerce-password-hint {
 .woocommerce-cart #payment div.payment_box::before,
 .woocommerce-checkout #payment div.payment_box::before,
 #add_payment_method #payment div.payment_box::before {
-	border-color: #DDDDDD;
+	border-bottom-color: #DDDDDD;
 	/* arrow size / color */
 }