/* ========================================
   NEW TEMPLATE HEADER
   ======================================== */

/* Header styles are now handled in components.css for the new design */
/* This file is kept for compatibility but main styles moved to components.css */

/* Header functionality - Mobile menu is handled by main.js
document.addEventListener('DOMContentLoaded', function() {
    console.log('Header.js loaded - Mobile menu functionality delegated to main.js');
    
    // Only handle header-specific functionality here
    // Mobile menu is completely handled by main.js to avoid conflicts
    
    // Smooth scrolling for anchor links (excluding mobile menu links)
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            // Skip if this is a mobile menu link (handled by main.js)
            if (this.closest('.mobile-nav-links') || this.closest('.mobile-menu')) {
                return;
            }
            
            // Skip if this has data-action (handled by other controllers)
            if (this.dataset.action) {
                return;
            }
            
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                const header = document.querySelector('header');
                const headerHeight = header ? header.offsetHeight : 80;
                const targetPosition = target.offsetTop - headerHeight;
                
                window.scrollTo({
                    top: targetPosition,
                    behavior: 'smooth'
                });
            }
        });
    });
}); */