{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: offline-notice.blade.php
------------------------------------------------------
Use: Bottom-centre notice shown while the browser has
     lost its connection. Purely informational; it
     never blocks the user.
=====================================================
--}}

<div
    x-cloak
    x-show="! $store.connectivity.online"
    x-transition
    class="fixed inset-x-0 bottom-6 z-40 flex justify-center px-4"
    role="status"
    aria-live="polite"
>
    <div class="flex items-center gap-2.5 rounded-full bg-zinc-900 px-5 py-2.5 text-sm text-white shadow-lg">
        <span class="size-2 shrink-0 rounded-full bg-secondary-500" aria-hidden="true"></span>
        {{ __('front.connectivity.offline') }}
    </div>
</div>