document.addEventListener("DOMContentLoaded", function() {
var grid = document.querySelector('.elementor-posts-container, .wd-col');
if (!grid) return;
var wrap = document.createElement('div');
wrap.className = 'blog-filter-wrap';
wrap.innerHTML = `
`;
grid.parentNode.insertBefore(wrap, grid);
wrap.querySelectorAll('.blog-filter-btn').forEach(function(btn) {
btn.addEventListener('click', function() {
wrap.querySelectorAll('.blog-filter-btn').forEach(b => b.classList.remove('active'));
this.classList.add('active');
var filter = this.getAttribute('data-filter');
document.querySelectorAll('article').forEach(function(post) {
if (filter === 'all' || post.classList.contains(filter)) {
post.style.display = '';
} else {
post.style.display = 'none';
}
});
});
});
});
