/**
 * @file
 * Mise en page du widget d'inscription Mailjet, sur sa page dédiée.
 *
 * Le contenu du cadre appartient à Mailjet (iframe tierce) : on ne peut agir
 * que sur le cadre. Le fond blanc, les marges internes et le titre du
 * formulaire se règlent dans le concepteur de formulaire Mailjet, pas ici.
 *
 * La hauteur dépend de la largeur, mesuré sur le formulaire réel :
 *   280 px de large → 495 px de haut   440 px → 382 px   600 px → 326 px
 * D'où une page dédiée, où le widget dispose de ses 600 px.
 */

.mailjet-subscription-page {
  max-width: 40rem;
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
}

.mailjet-subscription-page__intro {
  margin-bottom: 1.5rem;
}

.mailjet-subscription {
  width: 100%;
  max-width: 37.5rem;
  margin: 0 auto;
}

.mailjet-subscription__frame {
  display: block;
  width: 100%;
  /* Repli si le script de redimensionnement de Mailjet ne se charge pas : le
     formulaire reste utilisable au lieu de se réduire à rien. */
  min-height: 7.5rem;
  border: 0;
  border-radius: 0.375rem;
  overflow: hidden;
  background-color: #fff;
}

.mailjet-subscription-page__title {
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}