{#
 # ============================================================================
 # EMAIL ATOM: LOGO
 # ============================================================================
 #
 # Wordmark "Bubul" pour les emails transactionnels.
 # Inline CSS obligatoire — pas de Tailwind ni de variables CSS dans les emails.
 #
 # ============================================================================
 # PARAMÈTRES
 # ============================================================================
 #
 # | Paramètre | Type   | Défaut | Description                              |
 # |-----------|--------|--------|------------------------------------------|
 # | size      | int    | 32     | Taille de police du wordmark (repli)     |
 # | iconSrc   | string | null   | Source de l'icône (cid via email.image). |
 # |           |        |        | Si fournie : lockup icône + Bubul.       |
 # |           |        |        | Sinon : wordmark texte seul.             |
 #
 # ============================================================================
 # NOTE CLIENT EMAIL
 # ============================================================================
 #
 # Le gradient CSS (-webkit-background-clip: text) fonctionne sur Apple Mail,
 # Gmail web et iOS Mail. Sur Outlook Windows, le fallback color:#0C81E4 s'applique.
 # L'icône est un PNG embarqué (cid) — le SVG n'est pas supporté par Gmail/Outlook.
 #
 # ============================================================================
 #}

{% set size = size ?? 32 %}
{% set iconSrc = iconSrc ?? null %}
{% set fontStack = "-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif" %}
{% set wordmarkStyle = "font-family:#{fontStack};font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#0C81E4 0%,#38BDF8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#0C81E4;" %}

{% if iconSrc %}
    {# Lockup : icône (cid) + « Bubul » + « PLATEFORME IA » #}
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
        <tr>
            <td style="padding-right:12px;vertical-align:middle;">
                <img src="{{ iconSrc }}" width="40" height="38" alt="Bubul"
                     style="display:block;border:0;outline:none;text-decoration:none;width:40px;height:38px;">
            </td>
            <td style="vertical-align:middle;text-align:left;">
                <span style="{{ wordmarkStyle }}font-size:28px;line-height:1;">Bubul</span>
            </td>
        </tr>
    </table>
{% else %}
    {# Repli : wordmark texte seul (aperçu hors Mailer, ou icône indisponible) #}
    <span style="{{ wordmarkStyle }}font-size:{{ size }}px;">Bubul</span>
{% endif %}