myscript.js

// Navbar scroll effect
const navbar = document.querySelector('.navbar');
function handleScroll() {
    if (window.scrollY > 0) {
        navbar.classList.add('scrolled');
    } else {
        navbar.classList.remove('scrolled');
    }
}
window.addEventListener('scroll', handleScroll);

// Auto-scrolling review cards (if present)
let currentScroll = 0;
const cardWidth = 320; // width + gap
const reviewTrack = document.querySelector('.review-track');
if (reviewTrack) {
    const totalCards = document.querySelectorAll('.review-card').length;
    const maxScroll = (totalCards - 3) * cardWidth;

    setInterval(() => {
        currentScroll += cardWidth;
        if (currentScroll > maxScroll) currentScroll = 0;
        reviewTrack.style.transform = `translateX(-${currentScroll}px)`;
    }, 3000);
}

// Chat input - submit on Enter
const chatInput = document.querySelector('.chat-input-area input');
if (chatInput) {
    chatInput.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' && chatInput.value.trim() !== '') {
            console.log("User asked:", chatInput.value); // Replace with actual handling
            chatInput.value = '';
        }
    });
}

// Button group toggle - toggle on/off individually
const buttons = document.querySelectorAll('.button-group button');
buttons.forEach(btn => {
    btn.addEventListener('click', () => {
        // If already active, remove it
        if (btn.classList.contains('active-toggle')) {
            btn.classList.remove('active-toggle');
        } else {
            // Remove from others, then add to clicked one
            buttons.forEach(b => b.classList.remove('active-toggle'));
            btn.classList.add('active-toggle');
        }
    });
});