{% comment%}Linki społecznościowe - puste pole w ustawieniach stopki
   nie trafia na tę listę, więc pusta stoi tylko przy braku wszystkich.
   Każdy odnośnik jest kanciastym klawiszem: obramowanie, a po najechaniu
   pełne wypełnienie czernią.{% endcomment %}
{% if footer.social %}
  <ul class="flex flex-wrap gap-2 {% if align == 'center' %}justify-center{% endif %}">
    {% for social in footer.social %}
      <li>
        <a href="{{ social.url }}" target="_blank" rel="noopener"
           class="inline-flex items-center border border-current px-3.5 py-2 text-[0.7rem] font-semibold uppercase tracking-[0.14em]
                    hover:border-slate-800 hover:bg-slate-800 hover:text-white
                  dark:hover:border-white dark:hover:bg-white dark:hover:text-black">{{ social.name }}</a>
      </li>
    {% endfor %}
  </ul>
{% endif %}