document.addEventListener(DOMContentLoaded, function() const btn = document.getElementById(mobileMenuBtn); const menu = document.getElementById(mobileMenu); if (btn && menu) btn.addEventListener(click, () => const isHidden = menu.classList.toggle(hidden); btn.setAttribute(aria-expanded, (!isHidden).toString()); // Animate hamburger to X const svg = btn.querySelector(svg path); if (!isHidden) // Menu is now open - change to X btn.querySelector(svg).innerHTML = ; else // Menu is now closed - change to hamburger btn.querySelector(svg).innerHTML = ; ); // Close mobile menu when clicking on a link menu.querySelectorAll(a).forEach(link => link.addEventListener(click, () => menu.classList.add(hidden); btn.setAttribute(aria-expanded, false); btn.querySelector(svg).innerHTML = ; ); ); ); // Mobile dropdown toggle const mobileToggle = document.getElementById(mobileLangToggle); const mobileMenu = document.getElementById(mobileLangMenu); if (mobileToggle) mobileToggle.addEventListener(click, function () mobileMenu.classList.toggle(hidden); ); // Mobile select function function selectMobileLanguage(code, name, flag) document.getElementById(mobileSelectedLang).innerText = name; document.getElementById(mobileSelectedFlag).src = flag; mobileMenu.classList.add(hidden); // Trigger Google Translate var select = document.querySelector(.goog-te-combo); if (select) select.value = code; select.dispatchEvent(new Event(change)); const toggle = document.getElementById(langToggle); const menu = document.getElementById(langMenu); const wrapper = document.getElementById(languageWrapper); toggle.addEventListener(click, function(e) e.stopPropagation(); menu.classList.toggle(hidden); ); // Close when clicking outside document.addEventListener(click, function(e) if (!wrapper.contains(e.target)) menu.classList.add(hidden); ); // Select language function function selectLanguage(code, name, flag) // Change visible selected document.getElementById(selectedLang).innerText = name; document.getElementById(selectedFlag).src = flag; // Close dropdown menu.classList.add(hidden); // Google translate trigger var select = document.querySelector(.goog-te-combo); if (select) select.value = code; select.dispatchEvent(new Event(change));