script.js

document.addEventListener('DOMContentLoaded', () => {
  // --- Copy to Clipboard with Feedback ---
  const copyButtons = document.querySelectorAll('.copy-btn');
  copyButtons.forEach(button => {
    button.addEventListener('click', async () => {
      const codeId = button.getAttribute('data-target');
      const codeElement = document.getElementById(codeId);
      if (!codeElement) return;

      const codeText = codeElement.innerText.trim();
      try {
        await navigator.clipboard.writeText(codeText);
        const originalText = button.innerHTML;
        button.innerText = 'Copied! ✓';
        button.classList.add('copied');
        setTimeout(() => {
          button.innerHTML = originalText;
          button.classList.remove('copied');
        }, 2000);
      } catch (err) {
        console.error('Failed to copy text: ', err);
      }
    });
  });

  // --- Auto-close Mobile Menu on Link Click ---
  const mobileMenuCheckbox = document.getElementById('mobile-menu');
  const navLinks = document.querySelectorAll('ul.top-menu li a');

  navLinks.forEach(link => {
    link.addEventListener('click', () => {
      if (mobileMenuCheckbox && mobileMenuCheckbox.checked) {
        mobileMenuCheckbox.checked = false;
      }
    });
  });

  // --- Dynamic Active Navigation Link Highlighting on Scroll ---
  const sections = document.querySelectorAll('main section[id], main article[id]');
  const navObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const activeId = entry.target.getAttribute('id');
        navLinks.forEach(link => {
          const href = link.getAttribute('href');
          if (href === `#${activeId}`) {
            link.classList.add('active');
          } else if (href.startsWith('#')) {
            link.classList.remove('active');
          }
        });
      }
    });
  }, {
    rootMargin: '-20% 0px -60% 0px',
    threshold: 0
  });

  sections.forEach(section => navObserver.observe(section));
});