/* css des urls  */
footer .nav-footer-link {
  position: relative;
  padding-left: 1rem;
  text-decoration: none;
  color: #000000;
  font-weight: 500;
  font-size: 1.2rem;
  transition: color 0.3s ease;
}

/* Ligne verticale à gauche du lien */
footer .nav-footer-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.2rem;
  /* environ 3px */
  height: 2.5em;
  /* s’adapte à la hauteur du texte */
  background-color: #c2c2c2;
  transition: background-color 0.3s ease;
}

/* hover */
footer .nav-footer-link:hover {
  color: #FFD700;
}

footer .nav-footer-link:hover::before {
  background-color: #FFD700;
}

/* css sur mobile des urls*/
@media (max-width: 768px) {
  footer .nav-footer-link {
    font-size: 1rem;
    padding-left: 0.5rem;
  }

  footer .nav-footer-link::before {
    height: 1.5em;
  }
}

@media (max-width: 480px) {
  footer .nav-footer-link {
    font-size: 0.9rem;
    padding-left: 0.3rem;
  }

  footer .nav-footer-link::before {
    height: 1.2em;
  }
}

/* cibler le style inline dans html pour enlever les urls suelement sur mobile*/
@media (max-width: 768px) {
  footer div[style*="flex:1 1 150px;"] {
    display: none;
  }
}


/* ✅ État actif */
footer .nav-footer-link.active {
  color: #ffffff;
}

footer .nav-footer-link.active::before {
  background-color: #ffffff;
}