{{-- A way out of the sign-in screens: someone who clicked Login or Sign up by
     mistake can go back, or on to the site or the store, without signing in. --}}
<style>
    body { padding-top: 64px !important; }
    .auth-exit { position: fixed; top: 0; left: 0; right: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; font-family: Inter, sans-serif; }
    .auth-exit div { display: flex; gap: 6px; }
    .auth-exit a { display: inline-flex; align-items: center; gap: 5px; padding: 7px 12px; border-radius: 8px; font-size: 13px; font-weight: 500; color: #555; text-decoration: none; background: rgba(255,255,255,.7); border: 1px solid rgba(0,0,0,.08); }
    .auth-exit a:hover { color: var(--theme-primary, #1a4d80); border-color: currentColor; }
    [data-theme="dark"] .auth-exit a { color: #ccc; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
</style>
<nav class="auth-exit">
    <a href="{{ url('/') }}" id="authBack">&larr; {{ __('common.actions.back') }}</a>
    <div>
        <a href="{{ url('/') }}">{{ __('client.nav.home_site') }}</a>
        <a href="{{ route('client.store') }}">{{ __('client.nav.store') }}</a>
    </div>
</nav>
<script>
    // Back to the page they came from when it is on this site; home otherwise
    // (opened from a link elsewhere, a bookmark or a new tab).
    (function () {
        var back = document.getElementById('authBack');
        var ref = document.referrer;
        if (ref && ref.indexOf(location.origin + '/') === 0 && ref !== location.href && history.length > 1) {
            back.addEventListener('click', function (e) { e.preventDefault(); history.back(); });
        }
    })();
</script>