document.addEventListener('DOMContentLoaded', () => {
  const searchInput = document.getElementById('search-input');
  const searchForm = document.getElementById('search-form');
  const pillElements = document.querySelectorAll('.search-pill-btn');

  if (searchInput && pillElements.length > 0) {
    pillElements.forEach(pill => {
      pill.addEventListener('click', (e) => {
        e.preventDefault();
        const query = pill.getAttribute('data-query');
        if (query) {
          searchInput.value = query;
          if (searchForm) {
            searchForm.submit();
          }
        }
      });
    });
  }
});