{# brutalist social-links override — bordered square chips (widget, not a full section). Fields: heading, style, links[] (url, label, network). Keeps builtin icon split on network + literal conditional style classes. #}
<div class="social-links{% if class %} {{ class }}{% endif %}">
  {% if heading %}<p class="mb-3 bru-meta text-muted-foreground">{{ heading }}</p>{% endif %}
  <ul class="flex {% if style == "stack" %}flex-col gap-2{% else %}flex-wrap items-center gap-3{% endif %}">
    {% for link in links %}{% if link.url %}
    <li>
      <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ link.label|default:link.network }}" class="bru-shadow-sm bru-hover inline-flex items-center gap-2 bg-card text-foreground transition-colors hover:bg-accent hover:text-accent-foreground {% if style == "stack" %}w-full px-4 py-2{% else %}p-2.5{% endif %}" style="border:3px solid hsl(var(--border))">
        {% if link.network %}<svg width="20" height="20" class="h-5 w-5" aria-hidden="true"><use href="/icons/{{ link.network|split:":"|first }}.svg#{{ link.network|split:":"|last }}"></use></svg>{% endif %}
        {% if style == "stack" and link.label %}<span class="bru-meta">{{ link.label }}</span>{% endif %}
      </a>
    </li>
    {% endif %}{% endfor %}
  </ul>
</div>
