/* MARQUE DE LA MODALE - LOGO EN TETE DE FORMULAIRE */

/*
 * Sous-composant en cascade (§4.12) : les feuilles de `contacts` ciblent des
 * elements generiques descendants. Chaque regle est donc qualifiee par le bloc
 * racine PLUS l'element — `.logo-modale img.logo-modale__image` pese (0,2,1) —
 * comme le font deja `mention-donnees` et `upload-zone`.
 */

.logo-modale {
  margin-bottom: 20px;
}

.logo-modale img.logo-modale__image {
  display: block;
  max-height: 54px;
  width: auto;
}

/* Repli texte : sans logo, la raison sociale tient le role d'en-tete. Elle
   porte sa couleur, sinon le main.css du theme la sort en gris (§4.13). */
.logo-modale span.logo-modale__texte {
  display: block;
  color: var(--primary);
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}