script.js

// Custom Cursor Logic
const customCursor = document.querySelector('.custom-cursor');

if (customCursor) {
    window.addEventListener('mousemove', (e) => {
        customCursor.style.left = `${e.clientX}px`;
        customCursor.style.top = `${e.clientY}px`;
    });

    // Hover effect on links
    document.querySelectorAll('a, .nav-link').forEach(el => {
        el.addEventListener('mouseenter', () => {
            customCursor.style.width = '40px';
            customCursor.style.height = '40px';
            customCursor.style.backgroundColor = '#FFFFFF';
        });
        el.addEventListener('mouseleave', () => {
            customCursor.style.width = '12px';
            customCursor.style.height = '12px';
            customCursor.style.backgroundColor = 'var(--accent)';
        });
    });
}

// Navbar scroll effect
const navbar = document.querySelector('.editorial-nav');
window.addEventListener('scroll', () => {
    let scrollTop = window.scrollY || document.documentElement.scrollTop;
    if (scrollTop > 50) {
        navbar.classList.add('scrolled');
    } else {
        navbar.classList.remove('scrolled');
    }
});

// Intersection Observer for scroll animations
const observerOptions = {
    threshold: 0.1,
    rootMargin: "0px 0px -50px 0px"
};

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.classList.add('active');
            observer.unobserve(entry.target); // Only animate once
        }
    });
}, observerOptions);

document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.reveal').forEach(el => {
        observer.observe(el);
    });
});