/* =======================================
   Lien Clien User
   ======================================= */
@media (max-width: 1399px) {
  .client-icon-menu::before {
      left: 0!important;
      margin: 0 22px;
    }
    .client-icon-menu .toggle-menu-icon {
      display: none;
    }
}

/* =======================================
   Lien Déconnexion
   ======================================= */
.client-icon-menu {
  position: relative;
  display: inline-block;
  width: 40px;    /* largeur de l'icône */
  height: 40px;   /* hauteur de l'icône */
  line-height: 40px;
  overflow: hidden;
  text-indent: -9999px; /* cache le texte */
  vertical-align: middle;
  cursor: pointer;
}

/* Icône via image (SVG ou PNG) */
.client-icon-menu::before {
  content: '';
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;  /* largeur de l'icône */
  height: 30px; /* hauteur de l'icône */
  background-size: contain;
  display: block;
}
.client-icon-menu::before {
  background: url('/sites/default/files/styles/thumbnail/public/2025-10/client_0.png') no-repeat center center;
}

/* Si le lien contient un span avec le texte, le cacher */
.client-icon-menu span,
.client-icon-menu .toggle-menu-icon {
  display: none !important;
}

/* Optionnel : hover pour changer couleur ou effet */
.client-icon-menu:hover::before{
  filter: brightness(0.8); /* assombrit l'icône au survol */
}