document.addEventListener("DOMContentLoaded", function() { const filterBar = document.querySelector('.concept-filter'); if (!filterBar) return; const buttons = filterBar.querySelectorAll('.concept-btn'); const items = document.querySelectorAll('.filter-item'); function setActiveButton(filterKey) { buttons.forEach(btn => { const active = btn.dataset.filter === filterKey; btn.classList.toggle('is-active', active); btn.setAttribute('aria-pressed', active ? 'true' : 'false'); }); } function applyFilter(filterKey) { items.forEach(el => { const parentColumn = el.closest('.fusion-layout-column'); if (!parentColumn) return; const show = el.classList.contains('cat-' + filterKey); parentColumn.style.display = show ? '' : 'none'; }); setActiveButton(filterKey); } filterBar.addEventListener('click', function(e) { const btn = e.target.closest('.concept-btn'); if (!btn) return; applyFilter(btn.dataset.filter); }); applyFilter(filterBar.getAttribute('data-default') || 'food'); });