{*
 * MÉRIDIAN — Compte client (icône user, trait fin éditorial)
 *}
<div id="_desktop_user_info" class="header-icon">
  <div class="user-info">
    {if $logged}
      <div class="logout-content">
        <a class="account" href="{$urls.pages.my_account}" title="{l s='Voir mon compte' d='Shop.Theme.Customeraccount'}" rel="nofollow">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.6-6 8-6s8 2 8 6"/></svg>
          <span class="user-tag">{$customer.lastname|substr:0:1}{$customer.firstname|substr:0:1}</span>
        </a>
        <a class="logout hidden-sm-down" href="{$urls.pages.my_account}" rel="nofollow"><span class="hidden-sm-down">{$customerName}</span></a>
      </div>
    {else}
      <a href="{$urls.pages.my_account}" title="{l s='Connexion à votre compte' d='Shop.Theme.Customeraccount'}" rel="nofollow">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.6-6 8-6s8 2 8 6"/></svg>
        <span class="hidden-sm-down">{l s='Connexion' d='Shop.Theme.Actions'}</span>
      </a>
    {/if}
  </div>
</div>
