// Menu category handling
document.addEventListener('DOMContentLoaded', function() {
    // Handle tab switching
    const allTabButtons = document.querySelectorAll('[data-tab]');
    allTabButtons.forEach(button => {
        button.addEventListener('click', function() {
            const tabId = this.getAttribute('data-tab');
            
            // Hide all content
            document.querySelectorAll('.menu-content').forEach(content => {
                content.classList.add('hidden');
            });
            
            // Show selected content
            document.getElementById(tabId + '-content').classList.remove('hidden');
            
            // Update active states for all buttons with same data-tab
            allTabButtons.forEach(btn => {
                if (btn.getAttribute('data-tab') === tabId) {
                    btn.classList.add('bg-pizza-red', 'text-white');
                    btn.classList.remove('bg-gray-200', 'dark:bg-pizza-darker', 'text-gray-700');
                } else {
                    btn.classList.remove('bg-pizza-red', 'text-white');
                    btn.classList.add('bg-gray-200', 'dark:bg-pizza-darker', 'text-gray-700');
                }
            });
        });
    });
});