/* Appliquer un décalage modéré aux labels et ajouter des styles de police */
.form-item label {
  margin-left: 60px;  /* Décalage horizontal pour aligner le label */
  margin-bottom: 3px; /* Espacement vertical sous chaque titre */
  display: inline-block; /* Assurer l'affichage en ligne avec les autres éléments */
  vertical-align: middle; /* Aligner verticalement le titre avec le champ */
  font-size: 14px;      /* Taille de police ajustée */
  font-weight: bold;    /* Mettre en gras */
  text-transform: uppercase; /* Mettre en majuscules */
}

/* Appliquer un border-radius modéré au titre de l'élément <summary> */
.card-header[aria-controls] {
  text-transform: uppercase; /* Mettre le texte en majuscules */
  border-radius: 0px; /* Border radius modéré */
  padding: 8px; /* Ajouter un peu d'espace autour du texte */
  background-color: transparent; /* Rendre le fond transparent */
  box-shadow: none; /* Supprimer l'ombre du bloc */
}

/* Appliquer un style modéré pour l'élément .card-body */
.details-wrapper.card-body {
  border-radius: 5px; /* Bordure arrondie modérée */
  overflow: hidden; /* Pour éviter les débordements si nécessaire */
  padding: 15px; /* Ajouter un peu d'espace interne pour un meilleur rendu */
  background-color: #f8f9fa; /* Couleur de fond jaune clair */
}