{{-- Shared mobile menu, included by every navbar variant. --}}
<div id="mobile-menu" class="hidden lg:hidden bg-black/95 backdrop-blur-lg border-t border-white/10">
    <div class="px-4 py-4 space-y-1">
        @include('website.partials.site-menu', [
            'menuKey' => 'primary',
            'layout' => 'stacked',
            'linkClass' => 'text-white/85 hover:text-white w-full',
        ])

        <div class="border-t border-white/10 pt-3 mt-3 space-y-1">
            @if ($settings->navbar_show_language ?? false)
                @foreach (website_locales() as $loc)
                    <a href="{{ website_current_url_in($loc) }}" hreflang="{{ $loc }}"
                       class="block rounded-lg px-4 py-3 text-white/80 transition hover:bg-white/5 hover:text-white
                              {{ $loc === app()->getLocale() ? 'font-semibold' : '' }}">
                        {{ ['ar' => 'العربية', 'en' => 'English'][$loc] ?? $loc }}
                    </a>
                @endforeach
            @endif

            @auth
                <a href="{{ route('dashboard') }}" class="block rounded-lg px-4 py-3 text-white/80 transition hover:bg-white/5 hover:text-white">
                    {{ __('لوحة التحكم') }}
                </a>
            @else
                <a href="{{ route('login') }}" class="block rounded-lg px-4 py-3 text-white/80 transition hover:bg-white/5 hover:text-white">
                    {{ __('تسجيل الدخول') }}
                </a>
            @endauth
        </div>
    </div>
</div>
