/* Add your css code here */


/* Add your css code here */

/* Vue "group_documents" (/group-documents, /documents-duo) : disposition des filtres exposés */
/* On passe le conteneur des filtres en flexbox pour répartir les 3 filtres
   (Type de document / NOM ou NATURE / Date des documents) en 3 colonnes égales
   sur une même ligne. En display:flex, float ne s'applique plus aux enfants
   (spec CSS) : ça neutralise au passage le float:left que Better Exposed
   Filters impose via ".bef-exposed-form .form--inline > .form-item" et
   ".bef-exposed-form .form--inline .js-form-wrapper > .form-item"
   (better_exposed_filters.css), qui provoquait le mauvais rendu constaté hier.
   IMPORTANT : on cible [data-drupal-selector] plutôt que les id (#edit-...).
   Drupal régénère le formulaire exposé à chaque soumission AJAX (auto-submit
   BEF) avec un nouveau build_id, et randomise le suffixe des id à chaque
   rendu (ex. #edit-document-date-wrapper--j3Ty_KK4Uyg) alors que
   data-drupal-selector reste identique entre le rendu initial et les
   rendus AJAX suivants — constaté en comparant le HTML avant/après filtrage. */
.view-id-group_documents .views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.view-id-group_documents .views-exposed-form .form-item-document-for-entr,
.view-id-group_documents .views-exposed-form .form-item-populate,
.view-id-group_documents .views-exposed-form .form--inline > [data-drupal-selector="edit-document-date-wrapper"] {
  flex: 1 1 0;
  min-width: 220px;
  width: auto;
  margin-right: 0;
  margin-top: 0;
}

.view-id-group_documents .views-exposed-form [data-drupal-selector="edit-document-date-wrapper"] > fieldset {
  width: 100%;
  margin: 0;
}

.view-id-group_documents .views-exposed-form [data-drupal-selector="edit-document-date-wrapper"] input[type="date"] {
  width: 100%;
}

.view-id-group_documents .views-exposed-form [data-drupal-selector="edit-actions"] {
  flex: 1 1 100%;
  margin-top: 1rem;
}