// Shared functionality across all pages
document.addEventListener('DOMContentLoaded', () => {
    // Mobile menu toggle (will be used by navbar component)
    const toggleMobileMenu = () => {
        const mobileMenu = document.getElementById('mobile-menu');
        mobileMenu.classList.toggle('hidden');
    };

    // Language toggle functionality
    const languageToggleButtons = document.querySelectorAll('.language-toggle button');
    languageToggleButtons.forEach(button => {
        button.addEventListener('click', (e) => {
            e.preventDefault();
            languageToggleButtons.forEach(btn => btn.classList.remove('bg-white', 'text-forest-green'));
            button.classList.add('bg-white', 'text-forest-green');
            // Here you would add logic to change the language
        });
    });

    // 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) {
                target.scrollIntoView({
                    behavior: 'smooth'
                });
            }
        });
    });
});