{#
 # ============================================================================
 # EMAIL ATOM: WARNING BOX
 # ============================================================================
 #
 # Encadré avertissement (fond jaune pâle, bordure dorée, texte brun).
 # Remplace le pattern répétitif :
 #   <div class="warning-box"><p>Texte...</p></div>
 #
 # ============================================================================
 # PARAMÈTRES
 # ============================================================================
 #
 # | Paramètre | Type   | Défaut   | Description                          |
 # |-----------|--------|----------|--------------------------------------|
 # | text      | string | (requis) | Texte de l'avertissement (plain text)|
 # | html      | string | null     | Contenu HTML (prioritaire sur text)  |
 #
 # ============================================================================
 # EXEMPLES
 # ============================================================================
 #
 # {% include 'emails/_atoms/warning-box/warning-box.html.twig' with {
 #     text: 'Cette action est irréversible.'
 # } only %}
 #
 # {% set warnHtml %}Votre abonnement expire le <strong>{{ date }}</strong>.{% endset %}
 # {% include 'emails/_atoms/warning-box/warning-box.html.twig' with {
 #     html: warnHtml
 # } only %}
 #
 # ============================================================================
 #}

{% set html = html ?? null %}
<div style="background-color:#FFFDF0;border:1px solid #FDE68A;border-radius:8px;padding:13px 18px;margin:20px 0;">
    <p style="margin:0;font-size:13px;color:#92400E;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;">
        {% if html %}{{ html|raw }}{% else %}{{ text }}{% endif %}
    </p>
</div>