// NAVBAR SCROLL EFFECT
window.addEventListener("scroll", () => {
    let header = document.querySelector(".site-header");
    if (window.scrollY > 50) {
        header.style.boxShadow = "0 4px 15px rgba(0,0,0,0.2)";
    } else {
        header.style.boxShadow = "none";
    }
});

// FADE-IN ELEMENTS ON SCROLL
const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.classList.add("show");
        }
    });
});

document.querySelectorAll(".card, .about-content, .hero-inner").forEach(el => {
    observer.observe(el);
});

// BUTTON RIPPLE EFFECT
document.querySelectorAll(".cta-button, .product-btn").forEach(btn => {
    btn.addEventListener("click", function (e) {
        const ripple = document.createElement("span");
        ripple.classList.add("ripple");
        this.appendChild(ripple);

        const x = e.clientX - this.offsetLeft;
        const y = e.clientY - this.offsetTop;
        ripple.style.left = x + "px";
        ripple.style.top = y + "px";

        setTimeout(() => ripple.remove(), 700);
    });
});