Merge pull request #429 from AbraxasContact/feature1-branch

 merge duplicate document click listeners into one unified handler

Author: bobbyiliev

index.html

@@ -22013,8 +22013,13 @@ <h2>Download Other Formats</h2>
                 }, 10);
             });
 
-            // Navigation click handlers
+            // Combined click handler for navigation and sidebar control
             document.addEventListener('click', function(e) {
+                const sidebar = document.getElementById('sidebar');
+                const mainContent = document.getElementById('main-content');
+                const isMobile = window.innerWidth <= 1024;
+                
+                // Handle navigation item clicks
                 if (e.target.closest('.nav-item[data-target]')) {
                     e.preventDefault();
                     const navItem = e.target.closest('.nav-item[data-target]');
@@ -22029,29 +22034,25 @@ <h2>Download Other Formats</h2>
                     }
 
                     // Close sidebar on mobile after navigation
-                    if (window.innerWidth <= 1024) {
-                        const sidebar = document.getElementById('sidebar');
-                        const mainContent = document.getElementById('main-content');
+                    if (isMobile) {
                         sidebar.classList.remove('open');
                         mainContent.classList.remove('sidebar-open');
                     }
+                    return; // Exit early
                 }
-            });
-            
-            // Close sidebar when clicking outside on mobile
-            document.addEventListener('click', function(e) {
-                if (window.innerWidth <= 1024) {
-                    const sidebar = document.getElementById('sidebar');
-                    const mainContent = document.getElementById('main-content');
+                
+                // Handle clicking outside sidebar on mobile
+                if (isMobile && sidebar.classList.contains('open')) {
                     const sidebarToggle = document.querySelector('.sidebar-toggle');
 
-                    if (!sidebar.contains(e.target) && !sidebarToggle.contains(e.target) && sidebar.classList.contains('open')) {
+                    if (!sidebar.contains(e.target) && !sidebarToggle.contains(e.target)) {
                         sidebar.classList.remove('open');
                         mainContent.classList.remove('sidebar-open');
                     }
                 }
             });
 
+            
             // Handle window resize
             let resizeTimeout;
             window.addEventListener('resize', function() {