{{-- Cookie consent. Choice persisted in localStorage; no cookies set until accepted.
     Analytics/marketing scripts (deferred) should check window.syCookieConsent === 'accepted'. --}}
<div
    x-data="{
        choice: null,
        init() {
            this.choice = localStorage.getItem('sy-cookie-consent');
            window.syCookieConsent = this.choice;
        },
        set(value) {
            this.choice = value;
            localStorage.setItem('sy-cookie-consent', value);
            window.syCookieConsent = value;
        },
    }"
    x-show="!choice"
    x-cloak
    x-transition.opacity.duration.400ms
    role="dialog"
    aria-live="polite"
    aria-label="Cookie notice"
    class="fixed inset-x-0 bottom-0 z-[60] border-t border-gold/20 bg-atmosphere/95 backdrop-blur-md"
>
    <div class="sy-container flex flex-col gap-6 py-6 md:flex-row md:items-center md:justify-between md:py-5">
        <p class="max-w-2xl font-serif text-sm leading-relaxed text-white/70">
            We use cookies to enhance your experience and understand how our site is used.
            See our <a href="{{ route('legal.cookies') }}" class="text-gold underline-offset-4 hover:underline">Cookie Policy</a>.
        </p>

        <div class="flex shrink-0 items-center gap-5">
            <button
                type="button"
                @click="set('declined')"
                class="font-label text-[11px] uppercase tracking-[0.32em] text-white/55 transition-colors hover:text-white/80"
            >Decline</button>

            <button
                type="button"
                @click="set('accepted')"
                class="sy-btn sy-btn--solid"
            >
                Accept
                <span class="sy-btn__arrow">&rarr;</span>
            </button>
        </div>
    </div>
</div>