// JavaScript for Interactive Elements document.addEventListener('DOMContentLoaded', function() { // Mobile Menu Toggle const mobileToggle = document.querySelector('.mobile-menu-toggle'); const mainNav = document.querySelector('.main-nav'); mobileToggle.addEventListener('click', () => { mainNav.classList.toggle('active'); }); // Search Toggle const searchIcon = document.querySelector('.search-icon'); const searchBar = document.querySelector('.search-bar'); searchIcon.addEventListener('click', () => { searchBar.style.display = searchBar.style.display === 'block' ? 'none' : 'block'; }); // Close mobile menu when clicking outside document.addEventListener('click', (e) => { if (!mainNav.contains(e.target) && !mobileToggle.contains(e.target)) { mainNav.classList.remove('active'); } }); });