Manual changes saved

index.html

@@ -1361,82 +1361,86 @@ alt="Dynamics 365 Logistics Dashboard"
       </div>
     </div>
   </footer>
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-  // Initialize AOS
-  if (window.AOS) {
-    AOS.init({
-      duration: 800,
-      easing: 'ease-in-out',
-      once: true,
-      mirror: false,
-      offset: 120,
-      disable: window.innerWidth < 768
-    });
-  }
+ <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const mobileBtn = document.getElementById('mobile-menu-button');
+      const mobileMenu = document.getElementById('mobile-menu');
+      const mobileContent = document.getElementById('mobile-menu-content');
 
-  // Replace Feather icons
-  if (window.feather) {
-    feather.replace();
-  }
+      // --- Mobile menu toggle ---
+      if (mobileBtn && mobileMenu && mobileContent) {
+        mobileBtn.addEventListener('click', function() {
+          const isHidden = mobileMenu.classList.toggle('hidden');
+          const expanded = !isHidden;
 
-  // Mobile menu functionality
-  const mobileMenuButton = document.getElementById('mobile-menu-button');
-  const mobileMenu = document.getElementById('mobile-menu');
-
-  if (mobileMenuButton && mobileMenu) {
-    mobileMenuButton.addEventListener('click', function() {
-      const isExpanded = mobileMenu.classList.toggle('hidden');
-      mobileMenuButton.setAttribute('aria-expanded', !isExpanded);
-      
-      // Change icon
-      const icon = mobileMenuButton.querySelector('i');
-      if (isExpanded) {
-        icon.setAttribute('data-feather', 'menu');
-      } else {
-        icon.setAttribute('data-feather', 'x');
+          mobileBtn.setAttribute('aria-expanded', String(expanded));
+
+          // Swap icon via innerHTML so feather can re-run, regardless of SVG conversion
+          mobileBtn.innerHTML = expanded
+            ? '<i data-feather="x" class="w-6 h-6"></i>'
+            : '<i data-feather="menu" class="w-6 h-6"></i>';
+
+          if (window.feather) feather.replace();
+
+          // Body scroll lock when menu open
+          document.body.style.overflow = expanded ? 'hidden' : '';
+        });
+
+        // Close menu when any link is clicked
+        mobileContent.querySelectorAll('a').forEach(link => {
+          link.addEventListener('click', () => {
+            if (!mobileMenu.classList.contains('hidden')) {
+              mobileMenu.classList.add('hidden');
+              mobileBtn.setAttribute('aria-expanded', 'false');
+              mobileBtn.innerHTML = '<i data-feather="menu" class="w-6 h-6"></i>';
+              if (window.feather) feather.replace();
+              document.body.style.overflow = '';
+            }
+          });
+        });
+
+        // Reset on resize to desktop
+        window.addEventListener('resize', function() {
+          if (window.innerWidth >= 768) {
+            mobileMenu.classList.add('hidden');
+            mobileBtn.setAttribute('aria-expanded', 'false');
+            mobileBtn.innerHTML = '<i data-feather="menu" class="w-6 h-6"></i>';
+            if (window.feather) feather.replace();
+            document.body.style.overflow = '';
+          }
+        });
       }
-      feather.replace();
-    });
-  }
 
-  // Toggle dropdown functionality
-  window.toggleMobileDropdown = function(id) {
-    const dropdown = document.getElementById(id);
-    const isExpanded = dropdown.classList.toggle('hidden');
-    
-    // Find the button and icon
-    const button = dropdown.previousElementSibling;
-    const icon = button.querySelector('i');
-    
-    if (isExpanded) {
-      icon.setAttribute('data-feather', 'chevron-down');
-    } else {
-      icon.setAttribute('data-feather', 'chevron-up');
-    }
-    feather.replace();
-  };
-
-  // Close menu when clicking outside
-  document.addEventListener('click', function(event) {
-    if (!mobileMenu.classList.contains('hidden') && 
-        !mobileMenu.contains(event.target) && 
-        event.target !== mobileMenuButton &&
-        !mobileMenuButton.contains(event.target)) {
-      mobileMenu.classList.add('hidden');
-      mobileMenuButton.querySelector('i').setAttribute('data-feather', 'menu');
-      mobileMenuButton.setAttribute('aria-expanded', 'false');
-      feather.replace();
-    }
-  });
+      // Toggle dropdowns in mobile menu (global)
+      window.toggleMobileDropdown = function(id) {
+        const dropdown = document.getElementById(id);
+        if (!dropdown) return;
+        const button = dropdown.previousElementSibling;
+        const icon = button.querySelector('i');
 
-  // AOS refresh on resize
-  window.addEventListener('resize', function() {
-    if (window.AOS && AOS.refreshHard) {
-      AOS.refreshHard();
-    }
-  });
-});
-</script>
+        dropdown.classList.toggle('hidden');
+
+        // Swap chevron icon
+        const isOpen = !dropdown.classList.contains('hidden');
+        if (icon) {
+          icon.setAttribute('data-feather', isOpen ? 'chevron-up' : 'chevron-down');
+          if (window.feather) feather.replace();
+        }
+      };
+
+      // AOS
+      if (window.AOS) {
+        AOS.init({
+          duration: 800,
+          easing: 'ease-in-out',
+          once: true,
+          mirror: false
+        });
+      }
+
+      // Initial feather icons
+      if (window.feather) feather.replace();
+    });
+  </script>
 </body>
 </html>