/* ================= FOOTER ================= */

.footer {

  background: #fff;

  color: #000;

  padding: 60px 20px 0;

}



/* GRID */

.footer-container {

  max-width: 86%;

  margin: auto;



  display: grid;

  grid-template-columns: 1.2fr 1fr 1fr 1fr; /* meilleure répartition */

  gap: 40px;



  align-items: start; /* 🔥 FIX ALIGNEMENT */

}



/* COL */

.footer-col {

  text-align: left; /* 🔥 FIX PRINCIPAL */

}



.footer-col h4 {

  margin-bottom: 15px;

}



.footer-col p {

  color: #000;

  margin-bottom: 10px;

}



/* LIST */

.footer-col ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-col li {

  margin-bottom: 10px;

}



.footer-col a {

  color: #000;

  text-decoration: none;

  transition: 0.3s;

}



.footer-col a:hover {

  color: #e60000;

}



/* LOGO */

.footer-logo {

  width: 260px;

  margin-bottom: 15px;

}



/* ================= SUBFOOTER ================= */

.subfooter {

  margin-top: 40px;

  padding: 15px 20px;



  display: flex;

  justify-content: space-between;

  align-items: center;



  border-top: 1px solid #ddd;

  font-size: 0.85rem;

  color: #777;

}



.signature strong {

  color: #000;

}



/* ================= RESPONSIVE ================= */

@media (max-width: 900px) {

  .footer-container {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 600px) {



  .footer-container {

    grid-template-columns: 1fr;

  }



  .footer-col {

    text-align: center; /* OK uniquement mobile */

  }



  .footer-logo {

    margin: 0 auto 15px;

  }



  .subfooter {

    flex-direction: column;

    gap: 10px;

    text-align: center;

  }

}