const drawerToggle = document.getElementById('drawer-toggle');
const drawer = document.getElementById('mobile-drawer');
const drawerClose = document.getElementById('drawer-close');
const drawerOverlay = document.getElementById('drawer-overlay');

drawerToggle.addEventListener('click', () => {
    drawer.classList.add('open');
    drawerOverlay.classList.add('show');
    document.body.classList.add('no-scroll'); // Prevent scrolling
});

const closeDrawer = () => {
    drawer.classList.remove('open');
    drawerOverlay.classList.remove('show');
    document.body.classList.remove('no-scroll'); // Restore scrolling
};

drawerClose.addEventListener('click', closeDrawer);
drawerOverlay.addEventListener('click', closeDrawer);