Stow: Updating WC styles to work with menu refeactor in #1578.

stow/sass/_extra-child-theme.scss

@@ -123,6 +123,16 @@ a {
  */
 #site-navigation {
 
+	background-color: #{map-deep-get($config-global, "color", "secondary", "default")};
+	border-bottom: 2px solid rgba(0,0,0,.15);
+	margin-left: 0;
+	margin-right: 0;
+	text-align: center;
+
+	& > div {
+		text-align: left;
+	}
+
 	&.main-navigation {
 		ul {
 			li {
@@ -199,11 +209,6 @@ a {
 			}
 		}
 		.main-menu {
-			background-color: #{map-deep-get($config-global, "color", "secondary", "default")};
-			border-bottom: 2px solid rgba(0,0,0,.15);
-			margin-left: 0;
-			margin-right: 0;
-
 			& > li > a {
 				padding-left: 0;
 			}

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

@@ -39,3 +39,27 @@
  * WooCommerce Styles
  */
 @import "../../varia/sass/vendors/woocommerce/style";
+
+// Fix mobile-cart button
+#site-navigation {
+
+	&.main-navigation {
+
+		#toggle-menu {
+			border-bottom: 2px solid rgba(0, 0, 0, 0.15);
+		}
+
+		#toggle-cart {
+			border-radius: 0;
+			width: 100% !important;
+			text-align: center;
+			font-size: map-deep-get($config-header, "main-nav", "font", "size");
+		}
+	}
+}
+
+// Fix SVG cart icon height
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	height: 1em;
+	width: 1em;
+}

stow/style-rtl.css

@@ -790,11 +790,11 @@ footer {
 }
 
 ::selection {
-	background-color: #f3bec4;
+	background-color: #ffdce0;
 }
 
 ::-moz-selection {
-	background-color: #f3bec4;
+	background-color: #ffdce0;
 }
 
 /**
@@ -2417,7 +2417,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -2441,7 +2441,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;
@@ -2827,6 +2827,13 @@ body:not(.fse-enabled) .footer-menu a {
 .entry-content .more-link {
 	display: block;
 	color: inherit;
+	margin-top: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.entry-content .more-link {
+		margin-top: 32px;
+	}
 }
 
 .entry-content .more-link:after {
@@ -3026,12 +3033,6 @@ body:not(.fse-enabled) .footer-menu a {
 	max-width: calc(100% - 48px);
 }
 
-.comment-meta .comment-author {
-	line-height: 1.125;
-	margin-bottom: 4px;
-	padding-left: 40px;
-}
-
 @media only screen and (min-width: 560px) {
 	.comment-meta .comment-author {
 		display: flex;
@@ -3759,6 +3760,18 @@ a {
 /**
  * 4.1 Main Navigation
  */
+#site-navigation {
+	background-color: #f25f70;
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
+	margin-right: 0;
+	margin-left: 0;
+	text-align: center;
+}
+
+#site-navigation > div {
+	text-align: right;
+}
+
 #site-navigation.main-navigation ul li {
 	padding-right: 16px;
 	padding-left: 16px;
@@ -3827,13 +3840,6 @@ a {
 	}
 }
 
-#site-navigation.main-navigation .main-menu {
-	background-color: #f25f70;
-	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
-	margin-right: 0;
-	margin-left: 0;
-}
-
 #site-navigation.main-navigation .main-menu > li > a {
 	padding-right: 0;
 }

stow/style-woocommerce-rtl.css

@@ -772,7 +772,58 @@ body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_c
 	text-decoration: none;
 }
 
+body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+	display: inline-block;
+	margin: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
+	background-color: #f25f70;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
+	display: inline;
+}
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
+		background-color: white;
+		color: #444444;
+		padding: 0;
+		width: 100%;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
+		color: currentColor;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-left: 32px;
+	}
+	body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+		display: none;
+	}
+}
+
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	display: none;
 	text-decoration: none;
 	line-height: 1;
 }
@@ -794,15 +845,12 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
 	float: right;
 	height: 1.2rem;
 	width: 1.2rem;
-}
-
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
-	padding: 0 16px;
+	vertical-align: middle;
 }
 
 @media only screen and (min-width: 560px) {
-	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
-		padding: 0;
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+		display: inline-block;
 	}
 }
 
@@ -810,7 +858,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
 	background-color: white;
 	color: #444444;
 	max-width: 100%;
-	padding: 8px 0;
+	padding: 16px 0;
 }
 
 @media only screen and (min-width: 560px) {
@@ -828,6 +876,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
 	border-top: 1px solid #AAAAAA;
 }
 
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
+	background-color: transparent;
+}
+
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
 	text-decoration: none;
@@ -1223,6 +1276,18 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
 	content: "";
 }
 
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+	background-color: #404040;
+	color: white;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}
+
 /**
  * Structure
  */
@@ -1302,7 +1367,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
 body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
 body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
-body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
 	margin-top: 16px;
 }
 
@@ -1357,7 +1423,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
 body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
 body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
-body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+body[class*="woocommerce"] #page .woocommerce-order-details > .price,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
 	margin-bottom: 16px;
 }
 
@@ -1412,7 +1480,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
 body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
-body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
 	margin-top: 0;
 }
 
@@ -1441,7 +1511,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
 body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
 body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
-body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
 	margin: 0;
 }
 
@@ -1732,17 +1803,27 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
 /**
  * Account page
  */
-body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
-	width: 20%;
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+	width: 100%;
 }
 
-body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
 	line-height: 1.125;
 	display: inline-table;
 }
 
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
+	margin-top: 0;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+		width: 20%;
+	}
+}
+
 body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
-	width: calc(80% - 16px);
+	width: 100%;
 }
 
 body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
@@ -1755,6 +1836,12 @@ body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
 	border-radius: 3px;
 }
 
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+		width: calc(80% - 16px);
+	}
+}
+
 body[class*="woocommerce"] #page .addresses .title h3 {
 	font-size: 1rem;
 }
@@ -1763,7 +1850,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
 	line-height: 1;
 }
 
-.woocommerce-account .entry-content .woocommerce > h2 {
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
 	font-size: 1.44rem;
 }
 
@@ -1795,11 +1883,6 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 /**
  * Single Product Page
  */
-.single-product #page #woocommerce-wrapper div.product > .onsale {
-	left: auto;
-	right: -0.5em;
-}
-
 .single-product #page #woocommerce-wrapper div.product div.images {
 	margin-bottom: 32px;
 }
@@ -1837,6 +1920,27 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 .single-product #page #woocommerce-wrapper div.product div.summary p.price {
 	color: #111111;
 	font-size: 1.728rem;
+	line-height: 1.125;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
+	color: currentColor;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
+	font-size: 0.69444rem;
+	color: #ffc107;
 }
 
 .single-product #page #woocommerce-wrapper div.product div.summary p.stock {
@@ -1855,14 +1959,24 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 	margin-top: -32px;
 }
 
-.single-product #page #woocommerce-wrapper div.product div.social {
-	margin-bottom: 32px;
-}
-
 .single-product #page #woocommerce-wrapper div.product .product_meta > * {
 	display: block;
 }
 
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	left: auto;
+	right: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
+.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
+	color: #8bc34a;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
 .single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
 	font-size: 1.44rem;
 }
@@ -1946,7 +2060,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
 
 body[class*="woocommerce"] #page ul.cart_list li img,
 body[class*="woocommerce"] #page ul.product_list_widget li img {
-	margin-right: 4px;
+	margin-right: 16px;
 	width: 64px;
 }
 
@@ -2016,3 +2130,15 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 		margin-left: auto;
 	}
 }
+
+#site-navigation.main-navigation #toggle-cart {
+	border-radius: 0;
+	width: 100% !important;
+	text-align: center;
+	font-size: 1.2rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	height: 1em;
+	width: 1em;
+}

stow/style-woocommerce.css

@@ -772,7 +772,58 @@ body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_c
 	text-decoration: none;
 }
 
+body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+	display: inline-block;
+	margin: 0;
+}
+
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: middle;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
+	display: inline-block;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
+	background-color: #f25f70;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
+	display: none;
+}
+
+body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
+	display: inline;
+}
+
+@media only screen and (max-width: 559px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
+		background-color: white;
+		color: #444444;
+		padding: 0;
+		width: 100%;
+	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
+		color: currentColor;
+	}
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
+		margin-right: 32px;
+	}
+	body[class*="woocommerce"] #page .main-navigation #toggle-cart {
+		display: none;
+	}
+}
+
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+	display: none;
 	text-decoration: none;
 	line-height: 1;
 }
@@ -794,15 +845,12 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
 	float: left;
 	height: 1.2rem;
 	width: 1.2rem;
-}
-
-body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
-	padding: 0 16px;
+	vertical-align: middle;
 }
 
 @media only screen and (min-width: 560px) {
-	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
-		padding: 0;
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
+		display: inline-block;
 	}
 }
 
@@ -810,7 +858,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
 	background-color: white;
 	color: #444444;
 	max-width: 100%;
-	padding: 8px 0;
+	padding: 16px 0;
 }
 
 @media only screen and (min-width: 560px) {
@@ -828,6 +876,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
 	border-top: 1px solid #AAAAAA;
 }
 
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
+	background-color: transparent;
+}
+
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
 	text-decoration: none;
@@ -1223,6 +1276,18 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
 	content: "";
 }
 
+/**
+ * Pagination
+ */
+body[class*="woocommerce"] .woocommerce-store-notice,
+body[class*="woocommerce"] p.demo_store {
+	background-color: #404040;
+	color: white;
+	position: fixed;
+	top: auto;
+	bottom: 0;
+}
+
 /**
  * Structure
  */
@@ -1302,7 +1367,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
 body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
 body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
-body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
+body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
 	margin-top: 16px;
 }
 
@@ -1357,7 +1423,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
 body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
 body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
-body[class*="woocommerce"] #page .woocommerce-order-details > .price {
+body[class*="woocommerce"] #page .woocommerce-order-details > .price,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
+body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
 	margin-bottom: 16px;
 }
 
@@ -1412,7 +1480,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
 body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
-body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
+body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
+body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
 	margin-top: 0;
 }
 
@@ -1441,7 +1511,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
 body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
 body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
 body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
-body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
+body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
+body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
 	margin: 0;
 }
 
@@ -1732,17 +1803,27 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
 /**
  * Account page
  */
-body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
-	width: 20%;
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+	width: 100%;
 }
 
-body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
 	line-height: 1.125;
 	display: inline-table;
 }
 
+body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
+	margin-top: 0;
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
+		width: 20%;
+	}
+}
+
 body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
-	width: calc(80% - 16px);
+	width: 100%;
 }
 
 body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
@@ -1755,6 +1836,12 @@ body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
 	border-radius: 3px;
 }
 
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
+		width: calc(80% - 16px);
+	}
+}
+
 body[class*="woocommerce"] #page .addresses .title h3 {
 	font-size: 1rem;
 }
@@ -1763,7 +1850,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
 	line-height: 1;
 }
 
-.woocommerce-account .entry-content .woocommerce > h2 {
+.woocommerce-account .entry-content .woocommerce > h2,
+body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
 	font-size: 1.44rem;
 }
 
@@ -1795,11 +1883,6 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 /**
  * Single Product Page
  */
-.single-product #page #woocommerce-wrapper div.product > .onsale {
-	right: auto;
-	left: -0.5em;
-}
-
 .single-product #page #woocommerce-wrapper div.product div.images {
 	margin-bottom: 32px;
 }
@@ -1837,6 +1920,27 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 .single-product #page #woocommerce-wrapper div.product div.summary p.price {
 	color: #111111;
 	font-size: 1.728rem;
+	line-height: 1.125;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
+	color: currentColor;
+	opacity: 0.5;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
+	background: none;
+	font-weight: 700;
+	display: inline-block;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
+.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
+	font-size: 0.69444rem;
+	color: #ffc107;
 }
 
 .single-product #page #woocommerce-wrapper div.product div.summary p.stock {
@@ -1855,14 +1959,24 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 	margin-top: -32px;
 }
 
-.single-product #page #woocommerce-wrapper div.product div.social {
-	margin-bottom: 32px;
-}
-
 .single-product #page #woocommerce-wrapper div.product .product_meta > * {
 	display: block;
 }
 
+.single-product #page #woocommerce-wrapper div.product > .onsale {
+	right: auto;
+	left: -0.5em;
+}
+
+.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
+.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
+	color: #8bc34a;
+}
+
+.single-product #page #woocommerce-wrapper div.product div.social {
+	margin-bottom: 32px;
+}
+
 .single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
 	font-size: 1.44rem;
 }
@@ -1946,7 +2060,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
 
 body[class*="woocommerce"] #page ul.cart_list li img,
 body[class*="woocommerce"] #page ul.product_list_widget li img {
-	margin-left: 4px;
+	margin-left: 16px;
 	width: 64px;
 }
 
@@ -2016,3 +2130,19 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 		margin-right: auto;
 	}
 }
+
+#site-navigation.main-navigation #toggle-menu {
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
+}
+
+#site-navigation.main-navigation #toggle-cart {
+	border-radius: 0;
+	width: 100% !important;
+	text-align: center;
+	font-size: 1.2rem;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-icon {
+	height: 1em;
+	width: 1em;
+}

stow/style.css

@@ -2434,7 +2434,7 @@ body:not(.fse-enabled) .site-description {
 	margin: 0;
 }
 
-.main-navigation #toggle:checked ~ div {
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
 	display: block;
 }
 
@@ -2458,7 +2458,7 @@ body:not(.fse-enabled) .site-description {
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
-		display: block;
+		display: inline-block;
 	}
 	.main-navigation #toggle-menu {
 		display: none;
@@ -2844,6 +2844,13 @@ body:not(.fse-enabled) .footer-menu a {
 .entry-content .more-link {
 	display: block;
 	color: inherit;
+	margin-top: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.entry-content .more-link {
+		margin-top: 32px;
+	}
 }
 
 .entry-content .more-link:after {
@@ -3043,12 +3050,6 @@ body:not(.fse-enabled) .footer-menu a {
 	max-width: calc(100% - 48px);
 }
 
-.comment-meta .comment-author {
-	line-height: 1.125;
-	margin-bottom: 4px;
-	padding-right: 40px;
-}
-
 @media only screen and (min-width: 560px) {
 	.comment-meta .comment-author {
 		display: flex;
@@ -3788,6 +3789,18 @@ a {
 /**
  * 4.1 Main Navigation
  */
+#site-navigation {
+	background-color: #f25f70;
+	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
+	margin-left: 0;
+	margin-right: 0;
+	text-align: center;
+}
+
+#site-navigation > div {
+	text-align: left;
+}
+
 #site-navigation.main-navigation ul li {
 	padding-left: 16px;
 	padding-right: 16px;
@@ -3856,13 +3869,6 @@ a {
 	}
 }
 
-#site-navigation.main-navigation .main-menu {
-	background-color: #f25f70;
-	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
-	margin-left: 0;
-	margin-right: 0;
-}
-
 #site-navigation.main-navigation .main-menu > li > a {
 	padding-left: 0;
 }