plugin and theme sync

assets/css/styles.css

@@ -256,6 +256,18 @@ textarea {
   background-color: var(--gray-100) !important;
 }
 
+button:disabled {
+  background-color: var(--gray-200);
+  color: black;
+  cursor: not-allowed;
+}
+
+button:disabled:hover {
+  background-color: var(--gray-500);
+  color: white;
+  cursor: not-allowed;
+}
+
 .toggle-menu {
   height: 40px;
   display: flex;
@@ -690,7 +702,7 @@ body.login {
   text-decoration: underline;
 }
 
-.menu-item:hover {
+#menu-main-menu .menu-item:hover {
   background-color: var(--primary-500);
   color: #fff;
 }
@@ -705,6 +717,10 @@ body.login {
   font-size: 12px; /* Adjust the size as needed */
 }
 
+.menu-item-has-children:hover > a:after {
+  color: #fff; /* Change the color as needed */
+}
+
 /* Hide sub-menu items by default */
 .sub-menu {
   width: max-content;
@@ -2308,6 +2324,10 @@ select {
   border-width: 8px;
 }
 
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
 .border-t {
   border-top-width: 1px;
 }
@@ -2316,10 +2336,6 @@ select {
   border-top-width: 4px;
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219/var(--tw-border-opacity));