<script>
(function() {
  // ---------------------------------
  // Live header-position watcher
  // Measures the header's actual bottom edge (accounts for reveal/hide transform)
  // and pushes the sticky tab bar down to sit just below it.
  // ---------------------------------
  const BASE_GAP = 5;   // gap when header is fully hidden
  const EXTRA_GAP = 5;  // small breathing room below the header when visible

  function findHeader() {
    return document.querySelector('.site-header-inner-wrap.kadence-sticky-header');
  }

  function updateStickyOffset() {
    const header = findHeader();
    if (!header) return;

    const rect = header.getBoundingClientRect();
    // If header is scrolled above the viewport (hidden), bottom will be <= 0
    const visibleBottom = Math.max(0, rect.bottom);

    const offset = visibleBottom > 0 ? visibleBottom + EXTRA_GAP : BASE_GAP;

    document.documentElement.style.setProperty('--tabs-sticky-offset', offset + 'px');
  }

  let ticking = false;
  function requestUpdate() {
    if (ticking) return;
    ticking = true;
    requestAnimationFrame(() => {
      updateStickyOffset();
      ticking = false;
    });
  }

  function initHeaderWatcher() {
    const header = findHeader();
    if (!header) {
      setTimeout(initHeaderWatcher, 500);
      return;
    }
    updateStickyOffset();
    window.addEventListener('scroll', requestUpdate, { passive: true });
    window.addEventListener('resize', requestUpdate);

    // Catch the header's own transform transitions (reveal/hide animation)
    new MutationObserver(requestUpdate).observe(header, {
      attributes: true,
      attributeFilter: ['style', 'class']
    });
  }
  initHeaderWatcher();

  // ---------------------------------
  // Kadence tabs smooth scrolling
  // Only for .sticky-tabs-top
  // ---------------------------------
  document.addEventListener('click', function (e) {
    const a = e.target.closest(
      '.sticky-tabs-top .kt-tabs-wrap .kt-tabs-title-list a.kt-tab-title, ' +
      '.sticky-tabs-top .kt-tabs-wrap .kt-tabs-accordion-title a.kt-tab-title'
    );
    if (!a) return;
    const wrap = a.closest('.kt-tabs-wrap');
    if (!wrap || !wrap.closest('.sticky-tabs-top')) return;
    e.preventDefault();
    const li = a.closest('.kt-title-item');
    if (li) li.click();
    setTimeout(() => {
      const content = wrap.querySelector('.kt-tab-inner-content[aria-hidden="false"]') || wrap;
      const isTopTabs = wrap.classList.contains('kt-tabs-layout-tabs');
      let headerOffset = 0;
      if (isTopTabs) {
        const tabBar = wrap.querySelector('.kt-tabs-title-list');
        const tabBarIsSticky = tabBar && getComputedStyle(tabBar).position === 'sticky';
        if (tabBarIsSticky) {
          const stickyTop = parseFloat(getComputedStyle(tabBar).top) || 0;
          const tabBarHeight = tabBar.offsetHeight;
          headerOffset = stickyTop + tabBarHeight;
        } else {
          headerOffset = document.body.classList.contains('admin-bar') ? 180 : 140;
        }
      } else {
        headerOffset = document.body.classList.contains('admin-bar') ? 180 : 140;
      }
      const y = content.getBoundingClientRect().top + window.scrollY - headerOffset;
      window.scrollTo({
        top: Math.max(0, Math.round(y)),
        behavior: 'smooth'
      });
      if (location.hash && /^#tab-/i.test(location.hash)) {
        history.replaceState(null, '', location.pathname + location.search);
      }
    }, 60);
  });
})();
</script>