// Saagaavaram Investment - Interactive Logic document.addEventListener('DOMContentLoaded', () => { initMobileMenu(); }); // Mobile Sidebar & Header Scroll Logic function initMobileMenu() { const btn = document.getElementById('mobile-menu-btn'); const sidebar = document.getElementById('mobile-sidebar'); const closeBtn = document.getElementById('mobile-menu-close'); const links = document.querySelectorAll('.mobile-nav-link'); const header = document.querySelector('header'); // Dynamic header shadow on scroll if (header) { window.addEventListener('scroll', () => { if (window.scrollY > 20) { header.classList.add('shadow-md'); header.classList.remove('shadow-sm'); } else { header.classList.remove('shadow-md'); header.classList.add('shadow-sm'); } }); } if (btn) { btn.addEventListener('click', () => { if (sidebar) { sidebar.classList.remove('-translate-x-full'); } }); } const closeMenu = () => { if (sidebar) sidebar.classList.add('-translate-x-full'); }; if (closeBtn) { closeBtn.addEventListener('click', closeMenu); } if (sidebar) { sidebar.addEventListener('click', (e) => { if (e.target === sidebar) { closeMenu(); } }); } links.forEach(link => { link.addEventListener('click', closeMenu); }); }