{# Bandeau de deuil : bande noire dans le coin haut gauche, avec drapeau allemand et date.
   Disparaît au clic (mémorisé par navigateur) et automatiquement après la date limite. #}
{% set mourning_until = '2026-07-03T23:59:59+02:00' %}
<button
    type="button"
    class="lpf-mourning-ribbon"
    data-mourning-until="{{ mourning_until }}"
    aria-label="Bandeau de deuil — 29/06/2026 — cliquer pour le fermer"
    title="En hommage — 29/06/2026"
    hidden
>
    <span class="lpf-mourning-ribbon__crepe" aria-hidden="true">
        <svg class="lpf-mourning-ribbon__flag" viewBox="0 0 5 3" preserveAspectRatio="none" focusable="false" aria-hidden="true">
            <rect width="5" height="1" y="0" fill="#000000"/>
            <rect width="5" height="1" y="1" fill="#dd0000"/>
            <rect width="5" height="1" y="2" fill="#ffce00"/>
        </svg>
        <span class="lpf-mourning-ribbon__date">29/06/2026</span>
    </span>
</button>