{# @description Everything on the centre line: the logo, one row of links, the social links, the copyright line. For a site whose footer has a handful of links and no need of columns. #}
{# @prop tagline:text | description:"The sentence under the logo" #}
{# @prop notice:text | description:"The copyright line: © 2026 Meridian GmbH" #}
{# @prop label:text | description:"The name assistive technology gives the row of links. Left empty, it is a translated Footer." #}
{# @prop container:select['default', 'wide'] | default:"default" | description:"How wide the content may grow. Match the sections above it." #}
{# @prop invert:boolean | default:False | description:"Light copy, for a dark surface such as bg-neutral" #}
{# @prop class:text | description:"Extra classes on the footer's surface. A plain surface colour goes here: bg-base-200." #}
{# @slot <a class="link link-hover" href="#">Pricing</a><a class="link link-hover" href="#">Documentation</a><a class="link link-hover" href="#">About</a><a class="link link-hover" href="#">Contact</a> — The links, in one row that wraps. Up to seven or so: more wants columns. #}
{# @slot:logo — The logo or wordmark, above the links #}
{# @slot:social — Social links under the row of links, as daisy-cotton buttons. An icon-only button needs an aria-label. #}
{# @slot:legal — The small links under the copyright line: privacy, terms, imprint #}
{# @slot:background — A background block, rendered into a layer behind the footer #}
{% load i18n %}
<c-vars tagline notice label container="default" invert class />
<footer {{ attrs }}>
  <c-section flush container="{{ container }}" :invert="invert" class="dce:py-12 dce:md:py-16 {{ class }}" only>
    {% if background %}<c-slot name="background">{{ background }}</c-slot>{% endif %}
    <div class="dce:flex dce:flex-col dce:items-center dce:gap-8 dce:text-center">
      {% if logo or tagline %}
        <c-footer.brand :tagline="tagline" :invert="invert" align="centre" only>
          {% if logo %}<c-slot name="logo">{{ logo }}</c-slot>{% endif %}</c-footer.brand>
      {% endif %}
      {% if slot.strip %}
        <nav aria-label="{% if label %}{{ label }}{% else %}{% translate "Footer" %}{% endif %}" class="dce:flex dce:flex-wrap dce:justify-center dce:gap-x-8 dce:gap-y-3 dce:text-sm">{{ slot }}</nav>
      {% endif %}
      {% if social %}<div class="dce:flex dce:flex-wrap dce:justify-center dce:gap-1">{{ social }}</div>{% endif %}
      {% if notice or legal %}
        <c-footer.legal :notice="notice" :invert="invert" align="centre" divided class="dce:w-full" only>{{ legal }}</c-footer.legal>
      {% endif %}
    </div>
  </c-section>
</footer>