/* Liens avec trait animé (texte + nav) */
/* Neutralise tout soulignement natif dans nos contextes */
.lien-trait,
.lien-trait:visited,
.lien-trait:hover,
.lien-trait:focus,
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__label {
  text-decoration: none !important;      /* tue l’underline UA / thème */
  text-decoration-color: transparent;    /* ceinture-bretelles */
  background-image: none !important;     /* certains thèmes simulent l’underline en bg */
  box-shadow: none;                      /* rare, mais au cas où */
}


.lien-trait,
.wp-block-navigation .wp-block-navigation-item__label {
  position: relative;
  transition: color .3s ease;
  color: inherit;
}

.lien-trait::after,
.wp-block-navigation .wp-block-navigation-item__label::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1px;
  width: 0;
  background-color: #B61E27;
  transition: width .3s ease;
}

.lien-trait:hover,
.wp-block-navigation .wp-block-navigation-item__label:hover {
  color: #B61E27;
}

.lien-trait-white:hover::after,
.wp-block-navigation .wp-block-navigation-item__label:hover::after {
  width: 100%;
}

.lien-trait-white {
  position: relative;
  transition: color .3s ease;
  color: inherit;
}

.lien-trait-white::after{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 0;
  background-color: #ffffff;
  transition: width .3s ease;
}


.lien-trait-white:hover
 {
  color: #ffffff;
}

.lien-trait:hover::after {
  width: 100%;
}
/* ============================
   Footer (.lien-footer) — liens blancs avec un seul trait animé
   ============================ */
   .lien-footer {
    --underline-color: #fff;
    --link-color: #fff;
    --underline-offset: -2px;
  }
  
  /* 0) neutraliser tout soulignement par défaut dans le footer */
  .lien-footer a,
  .lien-footer a:visited,
  .lien-footer a:hover,
  .lien-footer a:focus {
    text-decoration: none !important;
    background-image: none !important;
    box-shadow: none;
    color: var(--link-color) !important; /* texte toujours blanc */
  }
  
  /* ---------- CAS 1 : liens footer "classiques" (hors bloc Navigation) ---------- */
  .lien-footer a:not(.wp-block-navigation-item__content) {
    position: relative;
    transition: color .3s ease;
  }
  .lien-footer a:not(.wp-block-navigation-item__content)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: var(--underline-offset);
    height: 1px;
    width: 0;
    background-color: var(--underline-color);
    transition: width .3s ease;
  }
  .lien-footer a:not(.wp-block-navigation-item__content):hover::after,
  .lien-footer a:not(.wp-block-navigation-item__content):focus::after {
    width: 100%;
  }
  
  /* ---------- CAS 2 : bloc Navigation dans le footer ---------- */
  /* on n'utilise PAS a::after pour éviter les doubles traits */
  .lien-footer .wp-block-navigation a::after {
    content: none !important;
  }
  
  /* on dessine le trait sur le label (span) */
  .lien-footer .wp-block-navigation .wp-block-navigation-item__label {
    position: relative;
  }
  .lien-footer .wp-block-navigation .wp-block-navigation-item__label::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: var(--underline-offset);
    height: 1px;
    width: 0;
    background-color: var(--underline-color);
    transition: width .3s ease;
  }
  /* déclenchement à partir du hover sur le lien */
  .lien-footer .wp-block-navigation .wp-block-navigation-item__content:hover
    .wp-block-navigation-item__label::after,
  .lien-footer .wp-block-navigation .wp-block-navigation-item__content:focus
    .wp-block-navigation-item__label::after {
    width: 100%;
  }
  
  /* sécurité : neutralise toute règle rouge globale sur le menu du footer */
  .lien-footer .wp-block-navigation .wp-block-navigation-item__content:hover,
  .lien-footer .wp-block-navigation .wp-block-navigation-item__label:hover {
    color: var(--link-color) !important;
  }
  
/* Ajuste les flèches dans la side barre si la class est mise */
    .fleche-link img {
      display: inline-block;
      vertical-align: middle;
  
    }
/*Loupe header */
        .wp-block-navigation-link .pum-trigger {
          z-index: 99999;
        }
/* icon mail et tél */
.mail-icon, .tel-icon, .contact-icon {
  position: relative;
  padding-left: 30px;
  color: var(--wp--preset--color--accent-2);
}
/* icon mail et tél */
.mail-icon::before{
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/mail-red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 17px;
  top: 8px;
}



/* icon mail et tél */
.tel-icon::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/phone-red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 17px;
  top: 8px;
}
/* icon mail et tél */
.contact-icon::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/contact-red.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 23px;
    height: 20px;
    top: 6px;
    left: 1px;
}