.footer {
  height: 270px;
  padding: 55px 40px;
  background: linear-gradient(to bottom, #ffeff4, var(--peche-color));

  font-size: 0.8rem;
  color: var(--dark);
  font-family: var(--font-secondary);
  font-weight: 400;

  letter-spacing: 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.footer__socials a {
  margin-right: 5px; /* Ajoute un espace de 5px entre chaque lien */
}

.footer__socials a:last-child {
  margin-right: 0; /* Supprime l'espace après le dernier lien */
}

.footer__top,
.footer__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__company {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 1.5;
  position: relative;
}
.footer__company::after {
  content: "";
  display: inline-block;
  width: 100px;
  max-width: 100%;

  position: absolute;
  left: 0; /* Aligner avec le texte */
  bottom: -5px; /* Ajuste l'espace entre le texte et la ligne */
}
.logoFooter {
  padding: 5px;
  border-radius: 15px;
  height: 80px; /* Ajuste la taille du logo */
  width: auto; /* Garde les proportions */
}
.footer__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.footer__nav a,
.footer__middle a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  column-gap: 0.25em;
  color: black;
  padding: 0px 10px;
  text-decoration: none;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color, box-shadow,
    opacity, filter;
  font-size: 12px;
}

.footer__nav a:hover,
.footer__middle a:hover {
  color: var(--green-color);
}

.footer__socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
}

.footer__socials span {
  margin-right: 10px;
}

.footer__socials a {
  font-size: 16px;
  margin-left: 10px;
  padding-left: 15px;
  color: var(--dark);
}

.footer__middle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.footer__bottom {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center; /* Centre horizontalement */
  width: 100%;
}

/* Responsive pour les mobiles (moins de 960px) */
@media screen and (max-width: 960px) {
  .footer {
    height: auto; /* Suppression de la hauteur fixe */
    padding: 30px 15px;
    font-size: 12px;
  }

  .footer__company {
    font-size: 18px; /* Réduction du texte */
  }
  .footer__company::after {
    display: none;
  }
  .footer__top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .footer__nav {
    margin-top: 30px;
    gap: 8px;
  }

  .footer__socials {
    gap: 10px;

    margin-top: 30px;
  }
 

  .footer__middle {
    gap: 8px;
    margin-top: 30px;
  }
  .footer__middle a {
    text-align: center;
  }

  .footer__bottom {
    margin-top: 15px;
    font-size: 10px; /* Réduction de la taille du texte */
  }
}
.text-size-responsive-footer {
  font-size: 0.8rem; /* Default size */
  text-decoration: underline;
}
.footer-color {
  color: var(--green-color);
}
@media (max-width: 600px) {
  .text-size-responsive-footer {
    font-size: 0.7rem; /* Smaller size for screens smaller than 992px */
  }
}