{# social-links override — soft-cornered moss chips that warm to terracotta on hover. Fields mirror builtin: heading, style, links[].url/.label/.network. Icons via sprite <use>. Wiring preserved. #}
<div data-block-override="earthen:social-links" class="social-links{% if class %} {{ class }}{% endif %}">
  {% if heading %}<p class="mb-4 text-xs font-semibold uppercase tracking-[0.16em]" style="color:hsl(var(--primary));">{{ 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="inline-flex items-center gap-2 rounded-xl border text-foreground transition-colors hover:bg-accent/10 hover:text-accent {% if style == "stack" %}w-full px-4 py-2.5{% else %}p-2.5{% endif %}" style="border-color:hsl(var(--border));">
        {% if link.network %}<svg width="20" height="20" class="h-5 w-5" style="color:hsl(var(--primary));" 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="text-xs font-semibold uppercase tracking-[0.12em]">{{ link.label }}</span>{% endif %}
      </a>
    </li>
    {% endif %}{% endfor %}
  </ul>
</div>
