{# src : URL publique de l’image (null = placeholder sans lightbox) #}
{% if src %}
    <button
        type="button"
        class="lpf-lightbox-trigger {{ btn_class|default('') }}"
        data-lpf-lightbox-open
        data-lpf-lightbox-src="{{ src }}"
        data-lpf-lightbox-title="{{ title|default('') }}"
        aria-label="Agrandir {{ title|default('l’image') }}"
    >
        <img
            src="{{ src }}"
            alt="{{ alt|default('') }}"
            class="{{ img_class|default('') }}"
            {% if width %}width="{{ width }}"{% endif %}
            {% if height %}height="{{ height }}"{% endif %}
            loading="lazy"
            decoding="async"
        >
    </button>
{% else %}
    <span class="lpf-lightbox-placeholder {{ placeholder_class|default('') }}" aria-hidden="true">{{ placeholder|default('?') }}</span>
{% endif %}