document.addEventListener('DOMContentLoaded', function () {
  // BURASI DEĞİŞTİ: Artık tek bir ID yerine, virgülle ayırarak iki ID'yi de seçiyoruz.
  // Eğer mobil header ID'niz farklıysa '#headerbar-mobile' kısmını ona göre düzeltin.
  const headers = document.querySelectorAll('#headerbar, #headerbar-mobile');
  
  if (headers.length === 0) return;

  // WP admin bar yüksekliği → CSS değişkeni
  function setAdminBarVar() {
    const adminBar = document.getElementById('wpadminbar');
    const h = adminBar ? adminBar.offsetHeight || 0 : 0;
    document.documentElement.style.setProperty('--adminbar-h', h + 'px');
    return h;
  }

  let stuck = false;
  const offset = 50; // sticky devreye girme mesafesi (px)

  function onScroll() {
    setAdminBarVar(); // Her scroll'da admin barı kontrol etmek güvenlidir
    
    if (window.scrollY > offset) {
      if (!stuck) {
        // Tüm headerlara sınıf ekle
        headers.forEach(h => h.classList.add('is-stuck'));
        stuck = true;
      }
    } else {
      if (stuck) {
        // Tüm headerlardan sınıf çıkar
        headers.forEach(h => h.classList.remove('is-stuck'));
        stuck = false;
      }
    }
  }

  // İlk çalıştırma
  setAdminBarVar();
  onScroll();

  window.addEventListener('scroll', onScroll, { passive: true });
  window.addEventListener('resize', setAdminBarVar);

  // WP admin bar yüksekliği değişirse güncelle
  const adminBar = document.getElementById('wpadminbar');
  if (adminBar && 'ResizeObserver' in window) {
    new ResizeObserver(setAdminBarVar).observe(adminBar);
  }
});