https://meta.mk/wp-content/themes/metamk2025/js/custom.js?ver=1.0

1document.addEventListener('DOMContentLoaded', function () {
2  const topBar = document.querySelector('.top-bar');
3  const siteHeader = document.querySelector('.site-header');
4
5  function adjustHeader() {
6    if (window.scrollY === 0) {
7      topBar.style.display = 'block';
8      siteHeader.style.top = '30px';
9    } else {
10      topBar.style.display = 'none';
11      siteHeader.style.top = '0px';
12    }
13  }
14
15  window.addEventListener('scroll', adjustHeader);
16  adjustHeader(); // run on page load
17});
18
19// === Search Toggle Functionality ===
20document.addEventListener('DOMContentLoaded', function () {
21  const searchToggle = document.querySelector('.search-toggle');
22  const searchOverlay = document.querySelector('.search-overlay');
23  const searchClose = document.querySelector('.search-close');
24
25  if (searchToggle && searchOverlay && searchClose) {
26    searchToggle.addEventListener('click', () => {
27      searchOverlay.classList.remove('d-none');
28    });
29
30    searchClose.addEventListener('click', () => {
31      searchOverlay.classList.add('d-none');
32    });
33
34    // Optional: Close overlay on ESC key
35    document.addEventListener('keydown', (e) => {
36      if (e.key === 'Escape') {
37        searchOverlay.classList.add('d-none');
38      }
39    });
40  }
41});