Spearhead: add styles for product page

spearhead/assets/sass/block-extends/_woocommerce.scss

@@ -1,10 +1,22 @@
-#content {
-	.wc-block-grid{
-		.wc-block-grid__product {
-			.wc-block-grid__product-onsale {
-				top: -0.5em;
-				right: -0.5em;
-			}
+body.woocommerce #page .site-header {
+	.primary-navigation {
+		flex-basis: 50%;
+	}
+	.woo-navigation {
+		flex-direction: row;
+		padding: 0 1.2em;
+		.woocommerce-cart-link {
+			line-height: inherit;
+		}
+	}
+}
+
+
+#content .wc-block-grid{
+	.wc-block-grid__product {
+		.wc-block-grid__product-onsale {
+			top: -0.5em;
+			right: -0.5em;
 		}
 
 		.wc-block-grid__product-title{
@@ -30,4 +42,7 @@
 .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author,
 .wc-block-components-review-list-item__published-date {
 	font-size: var(--global--font-size-xs);
-}
+}
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: var(--global--color-foreground);
+}

spearhead/style-rtl.css

@@ -697,20 +697,33 @@ ul.wp-block-categories,
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
+body.woocommerce #page .site-header .primary-navigation {
+	flex-basis: 50%;
+}
+
+body.woocommerce #page .site-header .woo-navigation {
+	flex-direction: row;
+	padding: 0 1.2em;
+}
+
+body.woocommerce #page .site-header .woo-navigation .woocommerce-cart-link {
+	line-height: inherit;
+}
+
 #content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
 	top: -0.5em;
 	left: -0.5em;
 }
 
-#content .wc-block-grid .wc-block-grid__product-title {
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-title {
 	font-family: var(--global--font-secondary);
 }
 
-#content .wc-block-grid .wc-block-grid__product-price {
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price {
 	color: var(--global--color-foreground);
 }
 
-#content .wc-block-featured-product .wc-block-featured-product__price {
+#content .wc-block-grid .wc-block-featured-product .wc-block-featured-product__price {
 	font-size: var(--global--font-size-sm);
 }
 
@@ -723,6 +736,10 @@ ul.wp-block-categories,
 	font-size: var(--global--font-size-xs);
 }
 
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: var(--global--color-foreground);
+}
+
 .screen-reader-text, .search-form input[type="submit"] {
 	/* Text meant only for screen readers. */
 	border: 0;

spearhead/style.css

@@ -697,20 +697,33 @@ ul.wp-block-categories,
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
+body.woocommerce #page .site-header .primary-navigation {
+	flex-basis: 50%;
+}
+
+body.woocommerce #page .site-header .woo-navigation {
+	flex-direction: row;
+	padding: 0 1.2em;
+}
+
+body.woocommerce #page .site-header .woo-navigation .woocommerce-cart-link {
+	line-height: inherit;
+}
+
 #content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
 	top: -0.5em;
 	right: -0.5em;
 }
 
-#content .wc-block-grid .wc-block-grid__product-title {
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-title {
 	font-family: var(--global--font-secondary);
 }
 
-#content .wc-block-grid .wc-block-grid__product-price {
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price {
 	color: var(--global--color-foreground);
 }
 
-#content .wc-block-featured-product .wc-block-featured-product__price {
+#content .wc-block-grid .wc-block-featured-product .wc-block-featured-product__price {
 	font-size: var(--global--font-size-sm);
 }
 
@@ -723,6 +736,10 @@ ul.wp-block-categories,
 	font-size: var(--global--font-size-xs);
 }
 
+.single-product #page #woocommerce-wrapper div.product div.summary p.price {
+	color: var(--global--color-foreground);
+}
+
 .screen-reader-text, .search-form input[type="submit"] {
 	/* Text meant only for screen readers. */
 	border: 0;