style: move navigation entirely to bottom shortcuts globally

Author: Paul-Rajeevan-Nimalarajah

website/css/bottom-nav.css

@@ -16,14 +16,18 @@
     -webkit-backdrop-filter: blur(20px);
     border: 1px solid rgba(255, 255, 255, 0.4);
     border-radius: 20px;
-    display: none; 
+    display: flex; /* Always show on all devices */
     justify-content: space-around;
     align-items: center;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
     z-index: 9999;
     padding: 0 15px;
 }
 
+body {
+    padding-bottom: 100px;
+}
+
 /* More Menu Popover */
 .more-menu {
     position: fixed;

website/css/style.css

@@ -188,25 +188,11 @@ img { max-width: 100%; height: auto; display: block; border-radius: var(--radius
   align-items: center;
   gap: 0.5rem;
 }
-.nav-links { display: flex; gap: 2rem; align-items: center; }
-.nav-link { font-weight: 500; position: relative; color: var(--text-muted); padding: 0.5rem 0;}
-.nav-link:hover, .nav-link.active { color: var(--primary); }
-.nav-link::after {
-  content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px;
-  background: var(--primary); transition: width var(--transition-fast);
-}
-.nav-link:hover::after, .nav-link.active::after { width: 100%; }
-
-/* Mobile Menu */
-.mobile-menu-btn {
-  display: none; background: none; border: none; font-size: 1.5rem; color: var(--text-main); cursor: pointer;
-  width: 40px; height: 40px; border-radius: var(--radius-md); transition: background 0.2s;
-}
-.mobile-menu-btn:hover { background: var(--surface-hover); }
+/* Hide Top Navigation Globally (Focus on Bottom Shortcuts) */
+.nav-links { display: none !important; }
+.mobile-menu-btn { display: none !important; }
 
 @media (max-width: 768px) {
-  .nav-links { display: none !important; }
-  .mobile-menu-btn { display: none !important; }
   .header { padding: 0.75rem 0; }
   .logo { font-size: 1.15rem; }
 }