{#
    Liens vers les réseaux sociaux — gabarit unique.

    Utilisé par les en-têtes, les pieds de page et le widget « Réseaux sociaux ».
    Toute évolution du balisage se fait ici, et nulle part ailleurs.

    Paramètres :
      links       array   Liste issue de site.getSocialLinks() (ou construite à la main
                          par le widget). Chaque entrée : {key, url, label, icon, color}
      variant     string  'icon' (icône seule) | 'button' (icône + libellé)
      shape       string  'circle' | 'rounded' | 'square' | 'bare' (aucun fond)
      size        string  'sm' | 'md' | 'lg'
      colorMode   string  'brand' (couleurs des marques) | 'inherit' (hérite du contexte)
                          | 'primary' (couleur principale du site)
      align       string  'start' | 'center' | 'end'
      class       string  Classes additionnelles sur le conteneur
      label       string  Libellé accessible du groupe (défaut : « Réseaux sociaux »)
#}
{% set links     = links|default([]) %}
{% set variant   = variant|default('icon') %}
{% set shape     = shape|default('circle') %}
{% set size      = size|default('md') %}
{% set colorMode = colorMode|default('inherit') %}
{% set align     = align|default('start') %}

{% if links is not empty %}
    <ul class="izi-social izi-social--{{ variant }} izi-social--{{ shape }} izi-social--{{ size }} izi-social--{{ colorMode }} izi-social--align-{{ align }} {{ class|default('') }}"
        aria-label="{{ label|default('Réseaux sociaux') }}">
        {% for link in links %}
            <li class="izi-social__item">
                <a class="izi-social__link izi-social__link--{{ link.key }}"
                   href="{{ link.url }}"
                   target="_blank"
                   rel="noopener noreferrer"
                   style="--izi-social-brand: {{ link.color }};"
                   {% if variant != 'button' %}aria-label="{{ link.label }}"{% endif %}>
                    <i class="{{ link.icon }}" aria-hidden="true"></i>
                    {% if variant == 'button' %}
                        <span class="izi-social__label">{{ link.label }}</span>
                    {% endif %}
                </a>
            </li>
        {% endfor %}
    </ul>
{% endif %}