/* Titre principal de la section clients */
.clients-title {
  display: flex; /* Utilisation de Flexbox */
  flex-direction: column; /* Alignement en colonne */
  text-align: center; /* Texte centré */
  font-size: 1.5rem; /* Taille du texte */
  margin-bottom: 2rem;  /* Espace sous le titre */
}

/* Texte descriptif sous le titre */
.clients-text {
  display: flex;
  justify-content: center; /* Centrage vertical */
  flex-direction: column;  /* Colonne */
  text-align: center; /* Texte centré */
  font-size: 1rem;  /* Taille standard */
  margin-top: 1rem; /* Espace au-dessus */
}

/* Première colonne de clients */
.clients-column1 {
  display: flex;
  flex-direction: column; /* Alignement vertical */
  flex-wrap: wrap; /* Retour à la ligne si besoin */
  align-items: center;  /* Centrage horizontal */
  gap: 1rem; /* Espacement entre éléments */
  margin-right: 3rem;
}

/* Deuxième colonne de clients */
.clients-column2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

/* Conteneur global de la section clients */
.section-clients {
  display: flex;
  flex-direction: row; /* Alignement horizontal */
  justify-content: center; /* Centrage horizontal */
  align-items: center; /* Centrage vertical */
  gap: 2rem;  /* Espace entre les colonnes */
  margin: 1rem;
}

/* Bouton flottant / ancre */
.encre {
  display: flex;
  justify-content: center;
  right: 2rem; /* Distance du bord droit */
  bottom: 5rem; /* Distance du bas */
  position: fixed; /* Élément fixé à l’écran */
  align-items: center; 
  width: 30px;
  height: 30px;
  color: #fff;
  border: solid 1px #00bfa0;
  border-radius: 50%; /* Cercle*/
  background-color: #00bfa0;
  z-index: 1000;  /* Toujours au-dessus */
  cursor: pointer; /* Curseur cliquable */
  font-size: 20px;
}

/* Responsive : écrans larges */
@media (width > 40rem) {
 /* Colonne 1 en ligne sur desktop */
  .clients-column1 {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    margin-left: 1rem;
  }
 /* Colonne 2 en ligne sur desktop */
  .clients-column2 {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    margin-right: 1rem;
  }
  /* Section clients plus aérée */
  .section-clients {
    gap: 6rem;
    margin: 3rem;
  }
}