<script>
(function () {
  // Prevent double-init if the script runs more than once
  if (window.__nfCursorInit) return;
  window.__nfCursorInit = true;

  function initCursor() {
    if (document.querySelector('.custom-cursor-wrapper')) return; // already exists

    const wrapper = document.createElement('div');
    wrapper.className = 'custom-cursor-wrapper';

    const dot = document.createElement('span');
    dot.className = 'dot-cursor custom-cursor';

    wrapper.appendChild(dot);
    document.body.appendChild(wrapper);

    // Move cursor with the mouse
    document.addEventListener('mousemove', (e) => {
      wrapper.style.transform =
        'translate(' + (e.pageX - window.scrollX) + 'px, ' + (e.pageY - window.scrollY) + 'px)';
    });

    // Link hover via delegation — catches every <a>, including ones rendered later
    document.addEventListener('mouseover', (e) => {
      if (e.target.closest('a')) dot.classList.add('link-hover');
    });
    document.addEventListener('mouseout', (e) => {
      const to = e.relatedTarget;
      // only drop the class when actually leaving the link (not moving to its child)
      if (e.target.closest('a') && !(to && to.closest && to.closest('a'))) {
        dot.classList.remove('link-hover');
      }
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initCursor);
  } else {
    initCursor();
  }
})();
</script>