From 7bb555dd5a53a653f5a8df962b87a55f4437e037 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 16 Nov 2023 17:30:11 +0300
Subject: [PATCH] Refactor #4819

---
 components/lib/megamenu/MegaMenuSub.vue       |  2 +-
 .../lib/megamenu/style/MegaMenuStyle.js       | 11 +++++---
 public/themes/arya-blue/theme.css             | 26 +++++++++++--------
 public/themes/arya-green/theme.css            | 26 +++++++++++--------
 public/themes/arya-orange/theme.css           | 26 +++++++++++--------
 public/themes/arya-purple/theme.css           | 26 +++++++++++--------
 public/themes/bootstrap4-dark-blue/theme.css  | 26 +++++++++++--------
 .../themes/bootstrap4-dark-purple/theme.css   | 26 +++++++++++--------
 public/themes/bootstrap4-light-blue/theme.css | 26 +++++++++++--------
 .../themes/bootstrap4-light-purple/theme.css  | 26 +++++++++++--------
 public/themes/fluent-light/theme.css          | 26 +++++++++++--------
 public/themes/lara-dark-amber/theme.css       | 26 +++++++++++--------
 public/themes/lara-dark-blue/theme.css        | 26 +++++++++++--------
 public/themes/lara-dark-cyan/theme.css        | 26 +++++++++++--------
 public/themes/lara-dark-indigo/theme.css      | 26 +++++++++++--------
 public/themes/lara-dark-pink/theme.css        | 26 +++++++++++--------
 public/themes/lara-dark-purple/theme.css      | 26 +++++++++++--------
 public/themes/lara-dark-teal/theme.css        | 26 +++++++++++--------
 public/themes/lara-dark-turquoise/theme.css   | 26 +++++++++++--------
 public/themes/lara-light-amber/theme.css      | 26 +++++++++++--------
 public/themes/lara-light-blue/theme.css       | 26 +++++++++++--------
 public/themes/lara-light-cyan/theme.css       | 26 +++++++++++--------
 public/themes/lara-light-indigo/theme.css     | 26 +++++++++++--------
 public/themes/lara-light-pink/theme.css       | 26 +++++++++++--------
 public/themes/lara-light-purple/theme.css     | 26 +++++++++++--------
 public/themes/lara-light-teal/theme.css       | 26 +++++++++++--------
 public/themes/lara-light-turquoise/theme.css  | 26 +++++++++++--------
 public/themes/luna-amber/theme.css            | 26 +++++++++++--------
 public/themes/luna-blue/theme.css             | 26 +++++++++++--------
 public/themes/luna-green/theme.css            | 26 +++++++++++--------
 public/themes/luna-pink/theme.css             | 26 +++++++++++--------
 public/themes/md-dark-deeppurple/theme.css    | 26 +++++++++++--------
 public/themes/md-dark-indigo/theme.css        | 26 +++++++++++--------
 public/themes/md-light-deeppurple/theme.css   | 26 +++++++++++--------
 public/themes/md-light-indigo/theme.css       | 26 +++++++++++--------
 public/themes/mdc-dark-deeppurple/theme.css   | 26 +++++++++++--------
 public/themes/mdc-dark-indigo/theme.css       | 26 +++++++++++--------
 public/themes/mdc-light-deeppurple/theme.css  | 26 +++++++++++--------
 public/themes/mdc-light-indigo/theme.css      | 26 +++++++++++--------
 public/themes/mira/theme.css                  | 26 +++++++++++--------
 public/themes/nano/theme.css                  | 26 +++++++++++--------
 public/themes/nova-accent/theme.css           | 26 +++++++++++--------
 public/themes/nova-alt/theme.css              | 26 +++++++++++--------
 public/themes/nova-vue/theme.css              | 26 +++++++++++--------
 public/themes/nova/theme.css                  | 26 +++++++++++--------
 public/themes/rhea/theme.css                  | 26 +++++++++++--------
 public/themes/saga-blue/theme.css             | 26 +++++++++++--------
 public/themes/saga-green/theme.css            | 26 +++++++++++--------
 public/themes/saga-orange/theme.css           | 26 +++++++++++--------
 public/themes/saga-purple/theme.css           | 26 +++++++++++--------
 public/themes/soho-dark/theme.css             | 26 +++++++++++--------
 public/themes/soho-light/theme.css            | 26 +++++++++++--------
 public/themes/tailwind-light/theme.css        | 26 +++++++++++--------
 public/themes/vela-blue/theme.css             | 26 +++++++++++--------
 public/themes/vela-green/theme.css            | 26 +++++++++++--------
 public/themes/vela-orange/theme.css           | 26 +++++++++++--------
 public/themes/vela-purple/theme.css           | 26 +++++++++++--------
 public/themes/viva-dark/theme.css             | 26 +++++++++++--------
 public/themes/viva-light/theme.css            | 26 +++++++++++--------
 59 files changed, 863 insertions(+), 632 deletions(-)

diff --git a/components/lib/megamenu/MegaMenuSub.vue b/components/lib/megamenu/MegaMenuSub.vue
index 6fa6add08..24bbe9a87 100644
--- a/components/lib/megamenu/MegaMenuSub.vue
+++ b/components/lib/megamenu/MegaMenuSub.vue
@@ -28,7 +28,7 @@
                             <span :class="level === 0 ? cx('label') : cx('submenuLabel')" v-bind="level === 0 ? getPTOptions(processedItem, index, 'label') : getPTOptions(processedItem, index, 'submenuLabel')">{{ getItemLabel(processedItem) }}</span>
                             <template v-if="isItemGroup(processedItem)">
                                 <component v-if="templates.submenuicon" :is="templates.submenuicon" :active="isItemActive(processedItem)" :class="cx('submenuIcon')" v-bind="getPTOptions(processedItem, index, 'submenuIcon')" />
-                                <component v-else :is="horizontal ? 'AngleDownIcon' : 'AngleRightIcon'" :class="cx('submenuIcon')" v-bind="getPTOptions(processedItem, index, 'submenuIcon')" />
+                                <component v-else :is="horizontal || mobileActive ? 'AngleDownIcon' : 'AngleRightIcon'" :class="cx('submenuIcon')" v-bind="getPTOptions(processedItem, index, 'submenuIcon')" />
                             </template>
                         </a>
                     </template>
diff --git a/components/lib/megamenu/style/MegaMenuStyle.js b/components/lib/megamenu/style/MegaMenuStyle.js
index 684b43c58..ec0db0695 100644
--- a/components/lib/megamenu/style/MegaMenuStyle.js
+++ b/components/lib/megamenu/style/MegaMenuStyle.js
@@ -28,13 +28,16 @@ const css = `
 
     .p-megamenu-panel {
         display: none;
-        position: absolute;
         width: auto;
         z-index: 1;
         left: 0;
         min-width: 100%;
     }
 
+    .p-megamenu-panel:not(.p-megamenu-mobile) {
+        position: absolute;
+    }
+
     .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
         display: block;
     }
@@ -78,7 +81,7 @@ const css = `
         flex-direction: column;
     }
 
-    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
+    .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
         left: 100%;
         top: 0;
     }
@@ -120,11 +123,11 @@ const css = `
         width: 100%;
     }
 
-    .p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+    .p-megamenu.p-megamenu-mobile .p-megamenu-button {
         display: flex;
     }
 
-    .p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
         position: absolute;
         display: none;
         width: 100%;
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 4a4b8595a..68c1a3e2c 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1e1e1e;
     border: 1px solid #383838;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #383838;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index baf600909..d57066ee1 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1e1e1e;
     border: 1px solid #383838;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #383838;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index d403f0660..3acfca522 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1e1e1e;
     border: 1px solid #383838;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #383838;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 8da69830c..56f812d39 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1e1e1e;
     border: 1px solid #383838;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #383838;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index dd628f647..3bb41db51 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -4458,50 +4458,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: color 0.15s, box-shadow 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e3f3fe;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #2a323d;
     border: 1px solid #3f4b5b;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #3f4b5b;
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.15s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 4df5eda39..4adc5b685 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -4458,50 +4458,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: color 0.15s, box-shadow 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #f0e6f5;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #2a323d;
     border: 1px solid #3f4b5b;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #3f4b5b;
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.15s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index d393d275c..433298bc3 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -4458,50 +4458,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(0, 0, 0, 0.7);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(0, 0, 0, 0.5);
     border-radius: 50%;
     transition: box-shadow 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(0, 0, 0, 0.7);
     background: transparent;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.15);
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.15s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index fd6207daa..06faf90b4 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -4458,50 +4458,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(0, 0, 0, 0.7);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(0, 0, 0, 0.5);
     border-radius: 50%;
     transition: box-shadow 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(0, 0, 0, 0.7);
     background: transparent;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.15);
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.15s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.15s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index dc6586f8b..e9e1e14e2 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -4421,50 +4421,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #0078d4;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #0078d4;
     border-radius: 2px;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #0078d4;
     background: #f3f2f1;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 1px #605e5c;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #edebe9;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css
index ce2a35bd8..157abf184 100644
--- a/public/themes/lara-dark-amber/theme.css
+++ b/public/themes/lara-dark-amber/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 8800f62e4..3457c8f0b 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css
index 635413f1a..4e814ed79 100644
--- a/public/themes/lara-dark-cyan/theme.css
+++ b/public/themes/lara-dark-cyan/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 6ecf934e1..cdecd9780 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css
index 684762c64..37771ae44 100644
--- a/public/themes/lara-dark-pink/theme.css
+++ b/public/themes/lara-dark-pink/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 6d6b6f4cf..624bd2a9e 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index f2ce51ffa..caf2ef73f 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-dark-turquoise/theme.css b/public/themes/lara-dark-turquoise/theme.css
index ecf85c0db..e721432a5 100644
--- a/public/themes/lara-dark-turquoise/theme.css
+++ b/public/themes/lara-dark-turquoise/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #374151;
     border: 1px solid #424b57;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #424b57;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css
index ff70b4c31..1face423e 100644
--- a/public/themes/lara-light-amber/theme.css
+++ b/public/themes/lara-light-amber/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #fef08a;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index ccb4d3381..21da7ef75 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #BFDBFE;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css
index 085e88996..930400394 100644
--- a/public/themes/lara-light-cyan/theme.css
+++ b/public/themes/lara-light-cyan/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a5f3fc;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index 3eb59161d..83179d581 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C7D2FE;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css
index 4033cee9c..166b4cb7f 100644
--- a/public/themes/lara-light-pink/theme.css
+++ b/public/themes/lara-light-pink/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #fbcfe8;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index a7f9f0cff..d2f6e9856 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #DDD6FE;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index b24c9a421..1167dbc6c 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a7f3d0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/lara-light-turquoise/theme.css b/public/themes/lara-light-turquoise/theme.css
index 87ad08af8..06ae8e630 100644
--- a/public/themes/lara-light-turquoise/theme.css
+++ b/public/themes/lara-light-turquoise/theme.css
@@ -4440,50 +4440,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6b7280;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #99f6e4;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 2d5de5942..1de0a8b44 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #dedede;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #dedede;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #dedede;
     background: #4c4c4c;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #252525;
     border: 1px solid #191919;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #4b4b4b;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 231541966..3ca18eabb 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #dedede;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #dedede;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #dedede;
     background: #4c4c4c;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #252525;
     border: 1px solid #191919;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #4b4b4b;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 30119b82e..59a529103 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #dedede;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #dedede;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #dedede;
     background: #4c4c4c;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #252525;
     border: 1px solid #191919;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #4b4b4b;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 2dfc4b041..5e6103a31 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #dedede;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #dedede;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #dedede;
     background: #4c4c4c;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem white;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #252525;
     border: 1px solid #191919;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #4b4b4b;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 4d28d9864..62a1f424f 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2.5rem;
     height: 2.5rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.6);
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #2b2b2b;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 3rem;
   }
 
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index c94f457ea..d13f5a2b8 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2.5rem;
     height: 2.5rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.6);
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #2b2b2b;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 3rem;
   }
 
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 0ecadebea..b09e144d4 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(0, 0, 0, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2.5rem;
     height: 2.5rem;
     color: rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(0, 0, 0, 0.6);
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(0, 0, 0, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 3rem;
   }
 
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 1772d468e..ca37d4be5 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(0, 0, 0, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2.5rem;
     height: 2.5rem;
     color: rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(0, 0, 0, 0.6);
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(0, 0, 0, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 3rem;
   }
 
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 493a705b4..eb9ffebc9 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.75rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.6);
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #2b2b2b;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 3fd9a994d..2c1f3fc9d 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.75rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.6);
     background: rgba(255, 255, 255, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #2b2b2b;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 8465dfef9..c8509b8fb 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(0, 0, 0, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.75rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(0, 0, 0, 0.6);
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(0, 0, 0, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 0918f0085..789d52308 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -4470,50 +4470,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(0, 0, 0, 0.6);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.75rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(0, 0, 0, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(0, 0, 0, 0.6);
     background: rgba(0, 0, 0, 0.04);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid rgba(0, 0, 0, 0.12);
     margin: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css
index 4ba20dc83..07d9cefec 100644
--- a/public/themes/mira/theme.css
+++ b/public/themes/mira/theme.css
@@ -4474,50 +4474,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #81A1C1;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #81A1C1;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #81A1C1;
     background: #ffffff;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #C0D0E0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #E5E9F0;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css
index 414aec29b..4643e2062 100644
--- a/public/themes/nano/theme.css
+++ b/public/themes/nano/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #697077;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 1rem;
     height: 1rem;
     color: #697077;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #697077;
     background: #dde1e6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #90c9f5;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 1.5rem;
   }
 
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 49d39f038..1175709ae 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -4421,50 +4421,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #333333;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #333333;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #333333;
     background: #eaeaea;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #ffffff;
     border: 1px solid #c8c8c8;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #d8dae2;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 2ad01b758..abba75bad 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #333333;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #333333;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #333333;
     background: #eaeaea;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #ffffff;
     border: 1px solid #c8c8c8;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #d8dae2;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index acb7472f6..bfb4fcbe3 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #333333;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #333333;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #333333;
     background: #eaeaea;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #c2e9d8;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #ffffff;
     border: 1px solid #c8c8c8;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #d8dae2;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index f096f906c..3246c7ccd 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -4433,50 +4433,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #333333;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #333333;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #333333;
     background: #eaeaea;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #8dcdff;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #ffffff;
     border: 1px solid #c8c8c8;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #d8dae2;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 886141b1d..07c8d2734 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -4421,50 +4421,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #666666;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #666666;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #666666;
     background: #eaeaea;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #e4e9ec;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0;
     background: #ffffff;
     border: 1px solid #eaeaea;
     box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dadada;
     margin: 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.571rem;
   }
 
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 9b17012db..7ceca0865 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6c757d;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6c757d;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6c757d;
     background: #e9ecef;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #a6d5fa;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 51d69128c..d22c85931 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6c757d;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6c757d;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6c757d;
     background: #e9ecef;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #b7e0b8;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 7bc4937bb..a5d3c0b15 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6c757d;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6c757d;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6c757d;
     background: #e9ecef;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #ffe69c;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 4d72a9f5d..da36f1919 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #6c757d;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #6c757d;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #6c757d;
     background: #e9ecef;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #df9eea;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dee2e6;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css
index 69e79f5af..b6c7f2ff7 100644
--- a/public/themes/soho-dark/theme.css
+++ b/public/themes/soho-dark/theme.css
@@ -4445,50 +4445,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #e0d8fc;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #333544;
     border: 1px solid #3e4053;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #3e4053;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css
index b57fe6876..d9a645897 100644
--- a/public/themes/soho-light/theme.css
+++ b/public/themes/soho-light/theme.css
@@ -4445,50 +4445,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #708da9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #708da9;
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #708da9;
     background: #f6f9fc;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #c7bbfa;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #eff3f8;
     border: 0 none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #dfe7ef;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 88c9f1304..d649799fa 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -4481,50 +4481,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #71717A;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 1rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #71717A;
     border-radius: 50%;
     transition: none;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #71717A;
     background: #f4f4f5;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #6366F1;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #f3f4f6;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index ac03fd2f6..a1d2f95aa 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #93cbf9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1f2d40;
     border: 1px solid #304562;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #304562;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index ba0b6ce27..6fe61402f 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #a7d8a9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1f2d40;
     border: 1px solid #304562;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #304562;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 21abc60f7..32ea1cd83 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #ffe284;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1f2d40;
     border: 1px solid #304562;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #304562;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index e6cf05d80..d4cd3868e 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -4446,50 +4446,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #cf95d9;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.25rem 0;
     background: #1f2d40;
     border: 1px solid #304562;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #304562;
     margin: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css
index 890261aa7..f2748a6d1 100644
--- a/public/themes/viva-dark/theme.css
+++ b/public/themes/viva-dark/theme.css
@@ -4478,50 +4478,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(158, 173, 230, 0.08);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0.5rem;
     background: #161d21;
     border: 2px solid #263238;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #263238;
     margin: 4px 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.3s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.3s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }
 
diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css
index b1511e598..22a847059 100644
--- a/public/themes/viva-light/theme.css
+++ b/public/themes/viva-light/theme.css
@@ -4478,50 +4478,54 @@
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
     color: #898989;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
+  .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
+    width: 100%;
+    padding: 0.5rem;
+  }
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button {
     width: 2rem;
     height: 2rem;
     color: #898989;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
     color: #898989;
     background: #edf0fA;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
     padding: 0.5rem 0.5rem;
     background: #ffffff;
     border: 0 none;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #ebebeb;
     margin: 4px 0;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.3s;
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
     transition: transform 0.3s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
     padding-left: 2.25rem;
   }