Ga naar hoofdinhoudGa naar voettekst
Geen producten gevonden die aan je zoekcriteria voldoen.
document.addEventListener('DOMContentLoaded', function() {
// ========================================
// SEARCH OVERLAY FUNCTIONALITY
// ========================================
const searchToggle = document.getElementById('search-toggle-btn');
const searchClose = document.getElementById('search-close-btn');
const searchOverlay = document.getElementById('search-overlay');
const searchInput = document.querySelector('.search-overlay .search-input');
// Open search overlay
if (searchToggle) {
searchToggle.addEventListener('click', function(e) {
e.preventDefault();
searchOverlay.classList.remove('hidden');
searchOverlay.classList.add('visible');
document.body.classList.add('search-open');
// Focus on search input
setTimeout(function() {
if (searchInput) {
searchInput.focus();
}
}, 300);
});
}
// Close search overlay
if (searchClose) {
searchClose.addEventListener('click', function() {
searchOverlay.classList.remove('visible');
searchOverlay.classList.add('hidden');
document.body.classList.remove('search-open');
});
}
// Close on ESC key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && searchOverlay && searchOverlay.classList.contains('visible')) {
searchOverlay.classList.remove('visible');
searchOverlay.classList.add('hidden');
document.body.classList.remove('search-open');
}
});
// Close when clicking outside search form
if (searchOverlay) {
searchOverlay.addEventListener('click', function(e) {
if (e.target === searchOverlay) {
searchOverlay.classList.remove('visible');
searchOverlay.classList.add('hidden');
document.body.classList.remove('search-open');
}
});
}
// ========================================
// MOBILE MENU TOGGLE
// ========================================
const mobileToggle = document.getElementById('mobile-menu-toggle');
const navMenu = document.querySelector('.brxe-nav-menu');
if (mobileToggle && navMenu) {
mobileToggle.style.cursor = 'pointer';
mobileToggle.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
navMenu.classList.toggle('menu-open');
document.body.classList.toggle('mobile-menu-open');
});
}
});