{% comment %}Kolumny linków stopki. Liczbę kolumn daje pole "liczba kolumn
   linków" (Treść > Stopka) - klasa siatki przychodzi gotowa z modelu.
   Nad każdym nagłówkiem stoi krótka kreska w kolorze wiodącym.{% endcomment %}
<div class="{{ footer.settings.columns_class }}">
  {% for category in footer.categories %}
    <div>
      {% if category.title %}
        <span class="mb-4 block h-1 w-8 bg-brand-600" aria-hidden="true"></span>
        <h2 class="text-[0.8rem] font-bold uppercase tracking-[0.16em] text-site-footer-text dark:text-site-footer-text-dark">{{ category.title }}</h2>
      {% endif %}
      <ul class="{% if category.title %}mt-4 {% endif %}space-y-2.5">
        {% for link in category.links %}
          <li>
            {% if link.href %}
              <a href="{{ link.href }}" class="link-hover">{{ link.title }}</a>
            {% else %}
              <span>{{ link.title }}</span>
            {% endif %}
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}
</div>