(function() { const PARAM_NAME = 'e-filter-c8f8f43-category'; const displayDiv = document.getElementById('active-category-display'); const categorySpan = document.getElementById('category-name'); // Convert slug to readable name (e.g., "day-trips" → "Day Trips") function slugToName(slug) { return slug .split('-') .map(word => word.charAt(0).toUpperCase() + word.slice(1)) .join(' '); } // Get category from URL function getCategoryFromURL() { const params = new URLSearchParams(window.location.search); return params.get(PARAM_NAME); } // Update the display function updateCategoryDisplay() { const category = getCategoryFromURL(); if (category && category.trim() !== '') { categorySpan.textContent = slugToName(category); displayDiv.style.display = 'block'; } else { displayDiv.style.display = 'none'; } } // Initial check on page load updateCategoryDisplay(); // Listen for browser back/forward navigation window.addEventListener('popstate', updateCategoryDisplay); // Monitor URL changes (for SPAs and Elementor filters that don't trigger popstate) let lastURL = window.location.href; const urlObserver = setInterval(function() { if (window.location.href !== lastURL) { lastURL = window.location.href; updateCategoryDisplay(); } }, 100); // Also listen for hashchange just in case window.addEventListener('hashchange', updateCategoryDisplay); })(); document.addEventListener('DOMContentLoaded', function () { const searchEl = document.querySelector('search.e-filter'); const offCanvas = document.querySelector('.e-off-canvas'); if (!searchEl || !offCanvas) return; searchEl.addEventListener('click', function (event) { const filterItem = event.target.closest('.e-filter-item'); if (filterItem) { offCanvas.setAttribute('aria-hidden', 'true'); } }); });