Varia: Code tidying

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

@@ -0,0 +1,18 @@
+/**
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
+ */
+
+/**
+ * Abstracts
+ * - Mixins, variables and functions
+ */
+@import "sass/abstracts/functions";
+@import "sass/abstracts/config-global";
+@import "sass/abstracts/mixins";
+@import "sass/abstracts/extends";
+
+/**
+ * WooCommerce
+ */
+@import "sass/vendors/woocommerce";

varia/style-rtl.css

@@ -2403,11 +2403,6 @@ table th,
 	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;
@@ -2428,14 +2423,6 @@ table th,
 		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 {

varia/style-woocommerce.css

@@ -1,6 +1,7 @@
 @charset "UTF-8";
 /**
- * Varia Editor Content Width Styles
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
  */
 /**
  * Abstracts
@@ -250,7 +251,6 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.ha
 
 /**
  * WooCommerce
- * - Only sets the default width for blocks in the editor
  */
 /**
  * Main WooCommerce styles

varia/style-woocommerce.scss

@@ -1,5 +1,6 @@
 /**
- * Varia Editor Content Width Styles
+ * WooCommerce Styles
+ * - These styles should be loaded when WooCommerce is active
  */
 
 /**
@@ -13,6 +14,5 @@
 
 /**
  * WooCommerce
- * - Only sets the default width for blocks in the editor
  */
 @import "sass/vendors/woocommerce";

varia/style.css

@@ -2420,6 +2420,11 @@ table th,
 	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;
@@ -2440,6 +2445,14 @@ table th,
 		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 {