{# Bannière de consentement cookies (RGPD/CNIL) — S-118. Styles inline autonomes
   (fonctionne sur les pages transcrites qui ne chargent pas app.css). #}
<div id="cookie-banner" role="dialog" aria-label="Consentement aux cookies" aria-live="polite" hidden
     style="position:fixed; left:0; right:0; bottom:0; z-index:99999; background:#1C4F1C; color:#F0F2EA;
            border-top:1px solid #327632; box-shadow:0 -12px 40px rgba(0,0,0,.45); font-family:Manrope, system-ui, sans-serif;">
    <div style="max-width:1200px; margin:0 auto; padding:18px 24px; display:flex; flex-wrap:wrap; align-items:center; gap:16px; justify-content:space-between;">
        <p style="margin:0; font-size:14px; line-height:1.5; color:#F0F2EA; flex:1; min-width:240px;">
            Nous utilisons des cookies de mesure d'audience pour améliorer votre expérience. Vous pouvez les accepter ou les refuser.
            <a href="/cookies/" style="color:#D7DA45; text-decoration:underline;">En savoir plus</a>.
        </p>
        <div style="display:flex; gap:12px; flex:none;">
            <button data-cookie="refuse" type="button"
                    style="padding:11px 22px; border-radius:4px; background:transparent; color:#F0F2EA; border:1px solid #327632; font-size:14px; font-weight:600; cursor:pointer;">Refuser</button>
            <button data-cookie="accept" type="button"
                    style="padding:11px 22px; border-radius:4px; background:#D7DA45; color:#111410; border:0; font-size:14px; font-weight:700; cursor:pointer;">Accepter</button>
        </div>
    </div>
</div>