/* FOOTER */

@media screen and (max-width: 1366px) {
  .footer-layout1-dekstop {
    display: none;
  }

  .footer-layout2-dekstop {
    display: none;
  }
  .footer-light .footer-list {
    align-items: center;
    gap: 0.5rem !important; /* On réduit un peu l'espace */
    text-align: center;
  }
}

.free-space-before-footer {
  height: 50px;
}

.free-space-50 {
  height: 50px;
}

.footer-line {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.footer-list {
  width: 100%;
}

.footer-layout2 .footer-list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  bottom: 0;
  margin-bottom: 0.7rem;
  width: 100%;
}

.footer-layout2 .footer-list .footer-item a,
.footer-layout2 .footer-list .footer-item span {
  color: var(--bulma-primary);
}

.footer-layout2 .footer-item-address a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3rem;
  color: #fff;
}

.footer-layout2 {
  position: relative;
  margin-top: auto;
  flex-shrink: 0; /* Empêche le footer de s'écraser si le contenu déborde */
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: transparent !important;
}

.footer-layout1 {
  position: relative;
  margin-top: auto;
  flex-shrink: 0; /* Empêche le footer de s'écraser si le contenu déborde */
  width: 100%;
  margin-left: 8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer-layout1 .footer-list {
  display: flex;
  justify-content: center;
  margin-bottom: 0.7rem;
  gap: 2rem;
}

.footer-layout1 .footer-list .footer-item a {
  color: var(--bulma-primary);
}

.footer-layout1 .footer-item-address a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3rem;
  color: var(--bulma-primary);
}

#service_footer {
  margin-top: 1rem;
}


/* FOOTER LIGHT FOR HORS APP */
.footer-light {
  position: relative;
  margin-top: auto;   /* Pousse le footer vers le bas s'il y a de l'espace vide */
  flex-shrink: 0;     /* Empêche le footer de s'écraser si le contenu déborde */
  width: 100%;
}

.footer-light .footer-list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  flex-wrap: wrap;
}

.footer-light .footer-list .footer-item a {
  color: var(--bulma-primary);
}

.footer-light .footer-item-address a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3rem;
  color: var(--bulma-primary);
}

@media screen and (max-width: 767px) {
  /* On réinitialise les marges et la largeur */
  .footer-layout1,
  .footer-layout2,
  .footer-light {
    margin-left: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-bottom: 1rem;
  }

  /* On empile les éléments en colonne au centre */
  .footer-layout1 .footer-list,
  .footer-layout2 .footer-list,
  .footer-light .footer-list {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.5rem !important;
  }
}