{% set pcolor = settings['primary_color'] or '#111827' %}
{% set scolor = settings['secondary_color'] or '#1d4ed8' %}
<div style="background:#f4f6f8;padding:24px;font-family:Arial,Helvetica,sans-serif;">
  <table width="100%" cellpadding="0" cellspacing="0" style="max-width:680px;margin:0 auto;background:#ffffff;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,0.08);">
    <tr>
      <td style="background:linear-gradient(135deg, {{ pcolor }}, {{ scolor }});padding:34px;text-align:center;">
        {% if settings['logo_url'] %}
        <img src="{{ settings['logo_url'] }}" alt="{{ settings['stand_name'] }}" style="max-height:56px;margin-bottom:16px;">
        {% endif %}
        <div style="font-size:30px;line-height:1.2;font-weight:700;color:#fff;">Obrigado pela reserva da sua viatura</div>
        <p style="margin:12px 0 0 0;color:#dbeafe;font-size:15px;">Estamos muito satisfeitos por fazer parte deste momento.</p>
      </td>
    </tr>
    <tr>
      <td style="padding:32px 32px 10px 32px;color:#1f2937;">
        <p style="font-size:16px;line-height:1.7;margin:0 0 14px 0;">Olá, <strong>{{ reservation['customer_name'] }}</strong>,</p>
        <p style="font-size:16px;line-height:1.7;margin:0 0 14px 0;">Confirmamos com satisfação a reserva da sua viatura <strong>{{ reservation['brand'] }} {{ reservation['model'] }}</strong>, com matrícula <strong>{{ reservation['license_plate'] }}</strong>.</p>
        <p style="font-size:16px;line-height:1.7;margin:0;">Obrigado pela confiança no <strong>{{ settings['stand_name'] }}</strong>. A nossa equipa irá acompanhá-lo nas próximas etapas do processo.</p>
      </td>
    </tr>
    <tr>
      <td style="padding:14px 32px;">
        <table width="100%" cellpadding="0" cellspacing="0" style="background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;">
          <tr>
            <td style="padding:22px;">
              <h2 style="margin:0 0 12px 0;font-size:18px;color:#111827;">Resumo da viatura reservada</h2>
              <p style="margin:0 0 8px 0;font-size:15px;"><strong>Marca:</strong> {{ reservation['brand'] }}</p>
              <p style="margin:0 0 8px 0;font-size:15px;"><strong>Modelo:</strong> {{ reservation['model'] }}</p>
              <p style="margin:0 0 8px 0;font-size:15px;"><strong>Matrícula:</strong> {{ reservation['license_plate'] }}</p>
              <p style="margin:0;font-size:15px;"><strong>Data da reserva:</strong> {{ reservation['reservation_date'] }}</p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td style="padding:14px 32px;color:#374151;">
        <h2 style="margin:0 0 14px 0;font-size:20px;color:#111827;">Informações úteis</h2>
        <ul style="padding-left:18px;margin:0;font-size:15px;line-height:1.8;">
          <li>A nossa equipa irá contactá-lo para os próximos passos da compra.</li>
          <li>Podemos ajudar com documentação, esclarecimentos e preparação da entrega.</li>
          <li>Se tiver dúvidas, pode responder diretamente a este e-mail.</li>
        </ul>
      </td>
    </tr>
    {% if reservation['include_insurance_invite'] and not reservation['insurance_opt_out'] %}
    <tr>
      <td style="padding:6px 32px 24px 32px;">
        <table width="100%" cellpadding="0" cellspacing="0" style="background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;">
          <tr>
            <td style="padding:24px;">
              <h2 style="margin:0 0 12px 0;font-size:20px;color:{{ scolor }};">Deseja receber uma cotação de seguro automóvel?</h2>
              <p style="margin:0 0 18px 0;font-size:15px;line-height:1.7;color:#1f2937;">Se desejar, podemos preparar sem compromisso uma cotação ajustada à sua nova viatura. Basta indicar-nos o seu interesse através do botão abaixo.</p>
              <a href="{{ insurance_cta_url }}" style="display:inline-block;background:{{ scolor }};color:#fff;text-decoration:none;padding:14px 22px;border-radius:10px;font-size:15px;font-weight:700;">Quero receber uma cotação</a>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    {% endif %}
    <tr>
      <td style="padding:8px 32px 30px 32px;color:#374151;">
        <p style="margin:0 0 10px 0;font-size:15px;line-height:1.7;">Se precisar de apoio, estamos ao seu dispor:</p>
        <p style="margin:0;font-size:15px;line-height:1.8;">
          <strong>{{ settings['stand_name'] }}</strong><br>
          {{ settings['address'] }}<br>
          Tel: {{ settings['contact_phone'] }}<br>
          Email: {{ settings['contact_email'] }}
        </p>
      </td>
    </tr>
    <tr>
      <td style="background:#111827;padding:24px 32px;text-align:center;">
        <p style="margin:0 0 10px 0;color:#d1d5db;font-size:13px;line-height:1.6;">Recebeu este e-mail no contexto da sua reserva connosco.</p>
        <p style="margin:0;color:#9ca3af;font-size:12px;line-height:1.6;">Se não pretender receber convites relacionados com cotação de seguro, pode <a href="{{ unsubscribe_url }}" style="color:#93c5fd;">gerir as suas preferências aqui</a>.</p>
      </td>
    </tr>
  </table>
</div>