// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener('click', function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute('href'));
    if (target) {
      window.scrollTo({
        top: target.offsetTop - 80,
        behavior: 'smooth'
      });
    }
  });
});

// Sticky navbar functionality
window.addEventListener('scroll', () => {
  const navbar = document.querySelector('custom-navbar');
  if (window.scrollY > 100) {
    navbar.shadowRoot.querySelector('nav').classList.add('bg-gray-900', 'shadow-lg');
  } else {
    navbar.shadowRoot.querySelector('nav').classList.remove('bg-gray-900', 'shadow-lg');
  }
});

// Intersection Observer for animations
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('fade-in');
    }
  });
}, {
  threshold: 0.1
});

document.querySelectorAll('section > *').forEach(section => {
  observer.observe(section);
});