{# Footer partagé (P2-c). Coordonnées câblées en P2-e. Colonnes centralisées dans
   le global Twig footer_cols, filtrées par page_active() (S-244) : un lien vers
   une page inactive n'est pas rendu. #}{%- verbatim -%}
<footer class="bloc-vert" style="position: relative; z-index: 2;">
    <div class="wrap g4" style="max-width: 1440px; margin: 0 auto; padding: 76px 80px 34px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 60px;">
      <div>
        <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 22px;">
          <img src="/images/symbole-salam-140.webp" alt="" style="width: 52px; height: 52px; display: block;">
          <span style="display: block;">
            <span style="display: block; font-family: Jost, sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 0.17em; line-height: 1; color: #FFFFFF;">SALAM</span>
            <span style="display: block; font-family: Jost, sans-serif; font-size: 12.5px; font-weight: 300; letter-spacing: 0.05em; color: #FFFFFF; margin-top: 6px;">agence digitale en Guadeloupe</span>
          </span>
        </div>
        <p style="font-size: 14.5px; line-height: 1.6; color: #FFFFFF; margin: 0; max-width: 290px;">Plus de 20 ans aux côtés des entreprises de l'archipel. Basés à Sainte-Rose, 32 communes couvertes.</p>
      </div>
      {% endverbatim %}{% for c in footer_cols %}
        <div>
          <div style="font-size: 12.5px; letter-spacing: 0.16em; text-transform: uppercase; color: #D7DA45; margin-bottom: 20px;">{{ c.title }}</div>
          <div style="display: flex; flex-direction: column; gap: 12px;">
            {% for l in c.links|filter(l => page_active(l.slug)) %}
              <a href="/{{ l.slug }}/" style="font-size: 14.5px; color: #FFFFFF;" style-hover="color: #D7DA45;">{{ l.label }}</a>
            {% endfor %}
          </div>
        </div>
      {% endfor %}{% verbatim %}
      <div>
        <div style="font-size: 12.5px; letter-spacing: 0.16em; text-transform: uppercase; color: #D7DA45; margin-bottom: 20px;">Contact</div>
        <div style="font-size: 14.5px; line-height: 1.75; color: #FFFFFF;">{% endverbatim %}{{ settings('address_line1', '21P Lotissement Saint-Sauveur La Montagne') }}{% verbatim %}<br>{% endverbatim %}{{ settings('address_city', '97115 Sainte-Rose, Guadeloupe') }}{% verbatim %}<br>{% endverbatim %}{{ settings('contact_phone', '+590 690 65 38 47') }}{% verbatim %}<br>{% endverbatim %}{{ settings('contact_email', 'maxime@salam-gp.com') }}{% verbatim %}</div>
      </div>
    </div>
    <div class="wrap" style="max-width: 1440px; margin: 0 auto; padding: 22px 80px 40px; border-top: 1px solid #327632; display: flex; justify-content: space-between; gap: 20px; font-size: 13px; color: #FFFFFF;">
      <div>© 2026 SALAM — Sainte-Rose, Guadeloupe</div>
      <div style="display: flex; gap: 26px;">
        <a href="/mentions-legales/" style="color: #FFFFFF;" style-hover="color: #FFFFFF;">Mentions légales</a>
        <a href="/politique-de-confidentialite/" style="color: #FFFFFF;" style-hover="color: #FFFFFF;">Confidentialité</a>
        <a href="/cookies/" style="color: #FFFFFF;" style-hover="color: #FFFFFF;">Cookies</a>
      </div>
    </div>
  </footer>
{%- endverbatim -%}