{{-- PRD §6.4: CV and Contact one tap away on mobile, not only inside the hamburger. --}}
@inject('cta', 'App\Domain\Site\Settings\CtaSettings')
<nav aria-label="{{ __('portfolio.a11y.mobile_actions') }}"
     class="fixed inset-x-0 bottom-0 z-40 border-t border-line bg-surface/95 px-4 py-2 backdrop-blur-sm lg:hidden">
    <div class="mx-auto flex max-w-md gap-2">
        <x-cv-button location="mobile_bar" variant="secondary" class="flex-1" />
        <x-button :href="route('contact')" variant="primary" class="flex-1" track="cta_click" :track-props="['cta' => 'mobile_bar_connect', 'location' => 'mobile_bar']">
            {{ $cta->connect_label }}
        </x-button>
    </div>
</nav>