Fix: Ensure main navigation menu is visible and functional

- Fix menu visibility with proper CSS media queries
- Add !important flags to ensure nav-menu-item styles are applied
- Ensure menu container displays correctly on large screens
- Fix mobile menu class ordering
- Add explicit display rules for desktop menu
- Ensure all navigation links are properly formatted and accessible

Author: cursoragent

_includes/portal.html

@@ -138,7 +138,7 @@
       </div>
 
       <!-- Mobile Navigation (hidden by default) -->
-      <ul class="lg:hidden hidden flex-col w-full absolute left-0 bg-stone-800 shadow-lg z-50 border-t border-stone-700" id="mobile-menu" role="menu">
+      <ul class="hidden lg:hidden flex-col w-full absolute left-0 bg-stone-800 shadow-lg z-50 border-t border-stone-700" id="mobile-menu" role="menu">
         <li role="none">
           <a class="nav-menu-item-mobile" href="/development" role="menuitem" aria-label="Development">DEVELOPMENT</a>
         </li>

_sass/main.scss

@@ -66,19 +66,22 @@ select:focus {
 
 .nav-menu-item {
   display: flex !important;
-  align-items: center;
-  justify-content: center;
-  height: 4rem;
-  padding: 0 1rem;
-  font-weight: 600;
-  color: #ffffff;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 4rem !important;
+  padding: 0 1rem !important;
+  font-weight: 600 !important;
+  color: #ffffff !important;
+  text-decoration: none !important;
   transition-property: background-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
+  white-space: nowrap;
 }
 
 .nav-menu-item:hover {
-  background-color: #57534e;
+  background-color: #57534e !important;
+  color: #ffffff !important;
 }
 
 .nav-menu-item:focus {
@@ -87,6 +90,13 @@ select:focus {
   box-shadow: inset 0 0 0 2px #f97316;
 }
 
+/* Ensure menu container is visible on large screens */
+@media (min-width: 1024px) {
+  #main-menu-desktop {
+    display: flex !important;
+  }
+}
+
 .nav-menu-item-mobile {
   @apply block px-4 py-3 text-white font-semibold;
   @apply transition-colors hover:bg-stone-700;