/* ================================
   🔗 LIENS DU FOOTER
================================ */

/* --- Style général des liens --- */
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;
}

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

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

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

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

/* ================================
   📱 RESPONSIVE - TABLETTE
================================ */
@media (max-width: 768px) {
  footer .nav-footer-link {
    font-size: 1rem;
    padding-left: 0.5rem;
  }

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

  /* Supprimer les URLs inline spécifiques sur mobile */
  footer div[style*="flex:1 1 150px;"] {
    display: none;
  }
}

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

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