{% comment %}
  Compact bordered link card: the poster's avatar next to a short line of text
  (which can contain a link). Follows the site's light/dark mode. A lighter-weight
  sibling of embed/custom-card.html.

  Parameters:
    author      - author / page / profile name (used for the avatar initial + alt)
    avatar      - avatar image URL (optional; falls back to the author's initial)
    href        - link the whole card points to (optional)
    width       - max width in px (optional; default 500)
    center      - center the avatar+text group within the card (optional,
                  default true; pass center=false to left-align)
    fill_avatar - if truthy, the avatar image fills the whole circle (cropped,
                  no padding, no border). Default false (fits inside with a small
                  inset + border).
    text        - the body text; may contain Markdown (e.g. a [link](url)).
                  Capture it first, then pass as text=<var>, or inline a string.

  Usage:
    {% include embed/links/custom-link.html
       author="author"
       avatar="https://.../logo.png"
       text="Zobacz [oryginalny post](https://...) na Facebooku." %}
{% endcomment %}
{% capture _link_inner %}
  {% if include.avatar %}
    <img class="custom-link__avatar{% if include.fill_avatar %} custom-link__avatar--fill{% endif %}" src="{{ include.avatar }}" alt="{{ include.author }}" loading="lazy">
  {% else %}
    {% if include.author %}   
    <span class="custom-link__avatar custom-link__avatar--placeholder" aria-hidden="true">{{ include.author | default: '?' | strip | slice: 0 | upcase }}</span>
    {% endif %}
  {% endif %}
  <div class="custom-link__body">{{ include.text | markdownify }}</div>
  {% if include.href %}
    <a class="custom-link__overlay" href="{{ include.href }}" target="_blank" rel="noopener noreferrer" aria-label="{{ include.author }}"></a>
  {% endif %}
{% endcapture %}
<div class="custom-link{% if include.href %} custom-link--clickable{% endif %}{% unless include.center == false %} custom-link--centered{% endunless %}"{% if include.width %} style="--card-width:{{ include.width }}px"{% endif %}>
  {{ _link_inner }}
</div>