/* ==================================================================
   FORMULAIRES
   Traduction FR des champs fichier natifs (Solo) + largeur des
   champs numériques.
   ================================================================== */

/* --- Traduction de "Choose File" --- */
.solo-file-custom .solo-file-button {
  font-size: 0 !important; /* Masque le texte original "Choose File" */
}

.solo-file-custom .solo-file-button::before {
  content: "Choisir un fichier";
  font-size: 1rem;
  display: inline-block;
}

/* --- Traduction de "No file chosen" --- */
.solo-file-custom .solo-file-name {
  font-size: 0 !important; /* Masque le texte original "No file chosen" */
}

.solo-file-custom .solo-file-name::before {
  content: "Aucun fichier choisi";
  font-size: 0.9rem;
  display: inline-block;
}

/* Champs de type "number" : largeur limitée pour ne pas prendre toute la ligne.
   Scopé à .node-form (formulaires node/add et node/*/edit) : à l'origine
   cette règle était globale (.js-form-type-number) et bridait par erreur
   TOUS les champs numériques de tous les formulaires du site, y compris
   les pages de configuration des modules custom. */
.node-form .js-form-type-number {
  max-width: 150px;
}

/* Bouton générique arrondi */
.button {
  border-radius: 5px;
}

/* ==================================================================
   CORRECTIF — Champ de recherche démesuré sur desktop
   Solo force `width: 100%` sur tous les enfants directs de
   .solo-search-block-form (voir solo-search-block-form>*), ce qui
   ignore l'attribut natif size="15" de l'input et fait que le champ
   s'étire à la largeur totale de son conteneur parent.
   Sur mobile, le plein écran est un bon choix UX : on n'y touche pas
   (mobile first). On limite juste la largeur à partir du desktop.
   ================================================================== */

/* Petit espace entre le champ (form-item) et le bouton (form-actions).
   .solo-search-block-form utilise une grille CSS (grid-area), donc
   un simple gap suffit — s'applique aussi bien mobile que desktop. */
.solo-search-block-form {
  gap: 5px;
}

@media (min-width: 768px) {
  .solo-search-block-form {
    max-width: 320px;   /* Ajuste cette valeur selon le rendu souhaité */
  }

  .solo-search-block-form .form-item,
  .solo-search-block-form .form-actions {
    width: auto;        /* Reprend le dessus sur le width:100% de Solo */
  }
}