{*
 * MÉRIDIAN — Pied de page
 * Bloc maison (logo + baseline + réseaux) + colonnes de liens et
 * newsletter via {hook h='displayFooter'} (ps_linklist / ps_emailsubscription,
 * stylés en accordéons mobile par les overrides modules). Copyright.
 *}
{block name='hook_footer_before'}
  {hook h='displayFooterBefore'}
{/block}

<div class="mrd-footer">
  <div class="mrd-container mrd-section" style="padding-block:clamp(48px,7vw,84px)">
    <div class="foot-grid">

      <div class="foot-about">
        {if isset($shop.logo_details) && $shop.logo_details.src}
          <a href="{$urls.base_url}" aria-label="{$shop.name}"><img src="{$shop.logo_details.src}" alt="{$shop.name}" width="150" height="28" loading="lazy"></a>
        {else}
          <span class="mrd-logo" style="font-size:24px">{$shop.name}</span>
        {/if}
        <p>{l s='L\'essentiel, en moins mais en mieux. Des pièces pensées pour durer.' d='Shop.Theme.Global'}</p>
        <div class="foot-social">
          {hook h='displaySociaux'}
        </div>
      </div>

      {block name='hook_footer'}
        {hook h='displayFooter'}
      {/block}

    </div>

    <div class="foot-legal">
      {block name='copyright_link'}
        <span>© {'Y'|date} {$shop.name}. {l s='Tous droits réservés.' d='Shop.Theme.Global'}</span>
      {/block}
    </div>
  </div>
</div>

{block name='hook_footer_after'}
  {hook h='displayFooterAfter'}
{/block}
