{#
 # ============================================================================
 # MOLECULE: COOKIE BANNER
 # ============================================================================
 #
 # Bandeau de consentement cookies (RGPD/CNIL).
 # Affiché par le Stimulus controller shared--cookie-consent si aucun choix
 # n'est enregistré dans localStorage (clé: bubul_cookie_consent).
 #
 # Aucun paramètre requis — tout est géré côté JS.
 # ============================================================================
 #}
<div
    data-controller="shared--cookie-consent"
    class="hidden translate-y-full fixed bottom-0 inset-x-0 z-50 transition-transform duration-300 ease-out
           bg-white border-t border-gray-200 shadow-lg"
    role="region"
    aria-label="Consentement cookies"
>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
        <div class="flex flex-col sm:flex-row items-start sm:items-center gap-4">

            {# Icône + texte #}
            <div class="flex items-start gap-3 flex-1 min-w-0">
                {% include '_atoms/icon/icon.html.twig' with {
                    name: 'shield',
                    size: 'md',
                    color: 'primary'
                } only %}
                <p class="text-sm text-gray-600 leading-relaxed">
                    Nous utilisons Google Tag Manager pour mesurer l'audience du site.
                </p>
            </div>

            {# Boutons #}
            <div class="flex items-center gap-2 shrink-0">
                {% include '_atoms/button/button.html.twig' with {
                    label: 'Refuser',
                    variant: 'ghost',
                    size: 'sm',
                    type: 'button',
                    attr: { 'data-action': 'shared--cookie-consent#refuse' }
                } only %}
                {% include '_atoms/button/button.html.twig' with {
                    label: 'Accepter',
                    variant: 'primary',
                    size: 'sm',
                    type: 'button',
                    attr: { 'data-action': 'shared--cookie-consent#accept' }
                } only %}
            </div>

        </div>
    </div>
</div>