/* =========================================================
   Mise en forme du formulaire Formidable (SPIP)
   À placer dans squelettes/css/perso.css
   ========================================================= */

/* ---------- Cases à cocher et boutons radio ---------- */
.formulaire_formidable .choix {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.formulaire_formidable .choix input.checkbox,
.formulaire_formidable .choix input.radio {
  width: auto;
  margin: 0;
  flex: 0 0 auto;
}
.formulaire_formidable .choix label {
  display: inline;
  width: auto;
  margin: 0;
  float: none;
}

/* ---------- Champs texte, listes déroulantes et zones de texte ---------- */
/* Label à gauche (colonne fixe), champ à droite */
.formulaire_formidable .editer.saisie_input,
.formulaire_formidable .editer.saisie_selection,
.formulaire_formidable .editer.saisie_textarea {
  display: flex;
  align-items: center;
  gap: 1em;
}
.formulaire_formidable .editer.saisie_input .editer-label,
.formulaire_formidable .editer.saisie_selection .editer-label,
.formulaire_formidable .editer.saisie_textarea .editer-label {
  flex: 0 0 12em;   /* largeur de la colonne des labels */
  margin: 0;
}
.formulaire_formidable .editer.saisie_input input.text,
.formulaire_formidable .editer.saisie_selection select,
.formulaire_formidable .editer.saisie_textarea textarea {
  flex: 1;
  width: auto;
  max-width: 25em;  /* largeur maximale du champ */
}

/* Zone de texte : label calé en haut, à hauteur de la 1re ligne */
.formulaire_formidable .editer.saisie_textarea {
  align-items: flex-start;
}
.formulaire_formidable .editer.saisie_textarea .editer-label {
  padding-top: 0.3em;
}

/* ---------- Petits écrans : label au-dessus du champ ---------- */
@media (max-width: 600px) {
  .formulaire_formidable .editer.saisie_input,
  .formulaire_formidable .editer.saisie_selection,
  .formulaire_formidable .editer.saisie_textarea {
    flex-direction: column;
    align-items: stretch;
    gap: 0.3em;
  }
  .formulaire_formidable .editer.saisie_input .editer-label,
  .formulaire_formidable .editer.saisie_selection .editer-label,
  .formulaire_formidable .editer.saisie_textarea .editer-label {
    flex: none;
    padding-top: 0;
  }
  .formulaire_formidable .editer.saisie_input input.text,
  .formulaire_formidable .editer.saisie_selection select,
  .formulaire_formidable .editer.saisie_textarea textarea {
    max-width: none;
  }
}