{{-- Floating Action Button (Mobile Only) - Prenotazione --}}
{{-- Hidden on order page where it conflicts with the mobile cart bar --}}
@unless(request()->routeIs('order.create'))
<div class="fixed bottom-6 right-6 z-40 md:hidden">
    <button
        @click="bookingOpen = true"
        class="
            w-16 h-16 rounded-full
            bg-umami-accent text-white
            shadow-lg shadow-umami-accent/30
            flex items-center justify-center
            hover:bg-umami-accent
            active:scale-95
            transition-all
            animate-bounce-soft
        "
        aria-label="Prenota un tavolo"
    >
        <svg class="w-7 h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
        </svg>
    </button>
</div>
@endunless