@php
    $whatsapp = app(\App\Services\WhatsappService::class);
    $enabled = $whatsapp->enabled();
    $bubbleLabel = trim((string) app(\App\Services\SettingsService::class)->get('whatsapp_bubble_label', 'Cotiza aquí'));
    $whatsappLink = $whatsapp->link();
@endphp

@if ($enabled)
    {{-- Floating WhatsApp button: visible on every breakpoint (mobile included),
         with an optional speech bubble above it. --}}
    <div class="fixed z-40 flex flex-col items-end gap-2"
         style="bottom: max(1.25rem, env(safe-area-inset-bottom, 1.25rem)); right: max(1.25rem, env(safe-area-inset-right, 1.25rem));">
        @if ($bubbleLabel !== '')
            <a href="{{ $whatsappLink }}"
               data-track="whatsapp_click"
               target="_blank"
               rel="noopener noreferrer"
               class="relative mr-1 max-w-[12rem] rounded-2xl rounded-br-sm bg-white px-4 py-2 text-right font-sans text-sm font-semibold text-brand-950 shadow-lift transition-colors duration-base ease-out-soft hover:bg-cream">
                {{ $bubbleLabel }}
                <span class="absolute right-4 top-full h-0 w-0 border-x-[6px] border-t-[8px] border-x-transparent border-t-white" aria-hidden="true"></span>
            </a>
        @endif

        <a href="{{ $whatsappLink }}"
           data-whatsapp-button
           data-track="whatsapp_click"
           target="_blank"
           rel="noopener noreferrer"
           aria-label="Escríbenos por WhatsApp"
           class="flex h-14 w-14 items-center justify-center rounded-full bg-success-600 text-white shadow-lift transition-colors duration-base ease-out-soft hover:bg-success-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring">
            <x-whatsapp-icon :size="30" />
            <span class="sr-only">WhatsApp</span>
        </a>
    </div>
@endif