/* 1. Cible tous les fieldsets dont l'ID commence par "edit-field-date-temps-value-wrapper" 
      (cela fonctionnera pour --2, --4, --5, etc.) */
fieldset[id^="edit-field-date-temps-value-wrapper"] .fieldset-wrapper,
fieldset[data-drupal-selector="edit-field-date-temps-value-wrapper"] .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

/* 2. Supprime les marges des titres <h4> pour un alignement vertical parfait */
fieldset[id^="edit-field-date-temps-value-wrapper"] .fieldset-wrapper h4.label,
fieldset[data-drupal-selector="edit-field-date-temps-value-wrapper"] .fieldset-wrapper h4.label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: normal;
  font-weight: normal;
}

/* 3. Empêche les conteneurs de champs de forcer un retour à la ligne */
fieldset[id^="edit-field-date-temps-value-wrapper"] .form-inline.container-inline,
fieldset[data-drupal-selector="edit-field-date-temps-value-wrapper"] .form-inline.container-inline {
  width: auto;
  display: inline-block;
}

/* 4. Contrôle la largeur des champs de date pour un rendu compact et uniforme */
fieldset[id^="edit-field-date-temps-value-wrapper"] input.form-date,
fieldset[data-drupal-selector="edit-field-date-temps-value-wrapper"] input.form-date {
  width: 150px; /* Ajustez cette valeur si nécessaire */
  padding: 4px 8px;
}