document.addEventListener('DOMContentLoaded', function () { const searchTrigger = document.getElementById('search1'); // Elementor icon widget const searchBox = document.getElementById('searchbox1'); // the actual menu container if (!searchTrigger || !searchBox) { console.warn('search1 or searchbox1 not found in DOM'); return; } function toggleSearch(event) { event.stopPropagation(); searchBox.classList.toggle('visible'); } function hideSearch() { searchBox.classList.remove('visible'); } // Show/hide on left-click of the icon searchTrigger.addEventListener('click', toggleSearch); // Hide when clicking outside the search box document.addEventListener('click', function (event) { if (!searchBox.contains(event.target) && event.target !== searchTrigger) { hideSearch(); } }); // Prevent closing when clicking inside the search1 box searchBox.addEventListener('click', function (event) { event.stopPropagation(); }); });