(function() { function mountDrawerToBody() { var drawer = document.getElementById('fsMobileDrawer'); var overlay = document.getElementById('fsDrawerOverlay'); if (overlay && overlay.parentElement !== document.body) { document.body.appendChild(overlay); } if (drawer && drawer.parentElement !== document.body) { document.body.appendChild(drawer); } } function initDrawer() { mountDrawerToBody(); var toggleBtn = document.getElementById('fsMobileMenuToggle'); var drawer = document.getElementById('fsMobileDrawer'); var overlay = document.getElementById('fsDrawerOverlay'); var closeBtn = document.getElementById('fsDrawerClose'); if (!toggleBtn || !drawer || !overlay) return; function openDrawer(e) { if (e) e.preventDefault(); mountDrawerToBody(); drawer.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('fs-drawer-active'); drawer.setAttribute('aria-hidden', 'false'); } function closeDrawer(e) { if (e) e.preventDefault(); drawer.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('fs-drawer-active'); drawer.setAttribute('aria-hidden', 'true'); } toggleBtn.onclick = openDrawer; if (closeBtn) { closeBtn.onclick = closeDrawer; } overlay.onclick = closeDrawer; document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && drawer.classList.contains('is-open')) { closeDrawer(); } }); } mountDrawerToBody(); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initDrawer); } else { initDrawer(); } window.addEventListener('load', initDrawer); })();