--> navToggle.addEventListener('click', toggleMenu); // Show/hide product dropdown or modal productsLink.addEventListener('click', function(e) { e.preventDefault(); if (window.innerWidth <= 768) { productsModal.style.display = 'block'; if (navLinks.classList.contains('show')) { toggleMenu(); } } else { productsDropdown.classList.toggle('show'); } }); // Close mobile modal if (productsModal) { const closeBtn = productsModal.querySelector('.close'); closeBtn.addEventListener('click', function() { productsModal.style.display = 'none'; }); } // Close dropdowns or modal when clicking outside window.addEventListener('click', function(e) { if (!e.target.matches('#productsLink')) { if (productsDropdown.classList.contains('show')) { productsDropdown.classList.remove('show'); } if (productsModal && e.target == productsModal) { productsModal.style.display = 'none'; } } if (!e.target.matches('#languageBtn')) { if (languageDropdown.classList.contains('show')) { languageDropdown.classList.remove('show'); } } }); // Add click event listeners for other nav links document.querySelectorAll('.nav-links a:not(#productsLink)').forEach(link => { link.addEventListener('click', function(e) { if (this.getAttribute('href').startsWith('#')) { e.preventDefault(); if (window.innerWidth <= 768) { toggleMenu(); } const targetId = this.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({behavior: 'smooth'}); } } }); }); // Language selector languageBtn.addEventListener('click', function() { languageDropdown.classList.toggle('show'); }); });