<header class="main-header" id="mainHeader" role="banner">
    <div class="container">
        <!-- Logo -->
        <a href="{{ route('home') }}" class="logo" style="text-decoration: none; cursor: pointer;">
            <div class="brand-name">SHIRANI<span>.</span>FASHION</div>
        </a>

        <!-- Navigation -->
        <nav class="nav-links" id="navigationMenu" role="navigation" aria-label="Main Navigation">
            <a href="{{ route('home') }}" id="nav-home" class="{{ request()->routeIs('home') ? 'active-link' : '' }}" role="menuitem">
                Home
            </a>
            <a href="{{ route('bridal') }}" id="nav-bridal" class="{{ request()->routeIs('bridal') ? 'active-link' : '' }}" role="menuitem">
                Bridal Store
            </a>
            <a href="{{ route('party') }}" id="nav-party" class="{{ request()->routeIs('party') ? 'active-link' : '' }}" role="menuitem">
                Party Wear
            </a>
            <a href="{{ route('order') }}" id="nav-order" class="{{ request()->routeIs('order') ? 'active-link' : '' }}" role="menuitem">
                How To Order
            </a>
        </nav>

        <!-- Header Actions -->
        <div class="header-actions">
            <a href="https://wa.me/94762191501" class="btn-donate" target="_blank" rel="noopener noreferrer" aria-label="Book a call on WhatsApp">
                <i class="fa-solid fa-calendar-check" aria-hidden="true"></i> Book Call
            </a>
            <button class="mobile-toggle" id="menuTrigger" onclick="window.toggleMobileMenu()" aria-label="Toggle Navigation Menu" aria-expanded="false">
                <i class="fa-solid fa-bars" aria-hidden="true"></i>
            </button>
        </div>
    </div>
</header>