.m-formulaire {

  .m-formulaire__header {
    margin-bottom: 2.5rem;
    text-align: left;
  }

  p.element__surtitre.m-formulaire__surtitre {
    margin-bottom: 1rem;
  }

  .m-formulaire__titre {
    margin: 0 0 1rem;

    .m-formulaire__titre--accent {
      color: var(--wp--preset--color--primary);
    }
  }

  .m-formulaire__texte {
    margin: 0;
  }

  /* Disposition deux colonnes */
  .m-formulaire__wrap {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 2.5rem;
    align-items: start;

    @media (width <=991px) {
      grid-template-columns: 1fr;
    }
  }

  /* Colonne formulaire */
  .m-formulaire__form {
    min-width: 0;

    .gform_wrapper {
      margin: 0;
    }

    .gform_button {
      margin-top: 1rem;
    }
  }


  .m-formulaire__vide {
    padding: 2rem;
    border: 1px dashed var(--wp--preset--color--border-light);
    border-radius: 0.5rem;
    color: var(--wp--preset--color--contrast);
    text-align: center;
  }

  /* Colonne informations */
  .m-formulaire__infos {
    min-width: 0;
    max-width: 350px;
  }


  .m-formulaire__infos-image {

    img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 8px 8px 0 0;
      object-fit: contain;
    }
  }

  .m-formulaire__infos-liste {
    margin: 0;
    padding: 1.5em;
    list-style: none;
    background: var(--wp--preset--color--base);
    border-radius: var(--wp--custom--radius--base);
  }

  .m-formulaire__infos-image+.m-formulaire__infos-liste {
    border-radius: 0 0 8px 8px;
  }

  .m-formulaire__infos-item {
    display: flex;
    gap: var(--wp--custom--gap--sm);
    align-items: center;
    padding: 1em !important;
    margin: 0 0 1.5rem;
    background-color: var(--wp--preset--color--primary-accent);
    color: var(--wp--preset--color--tertiary);
    font-size: 1.1em;
    border-radius: var(--wp--custom--radius--sm);

    &+.m-formulaire__infos-item {
      margin-top: 0.5rem;
    }
  }

  .m-formulaire__infos-icone {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    background-color: var(--wp--preset--color--base);
    border-radius: var(--wp--custom--radius--base);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .m-formulaire__infos-icone img {
    max-height: 24px;
    max-width: 24px;
  }

  .m-formulaire__infos-contenu {
    p {
      margin: 0;
    }

    a {
      color: inherit;
    }
  }

  /* Carte (iframe Google Maps / OpenStreetMap) */
  .m-formulaire__carte {
    margin-top: 6rem;
    width: 100vw;
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0;

    iframe {
      display: block;
      width: 100%;
      height: 18rem;
      border: 0;
    }
  }

  /* Inversion de l'ordre des colonnes (Informations — Formulaire) */
  .m-formulaire__wrap--infos-first {
    grid-template-columns: 1fr 1.4fr;

    @media (width <=991px) {
      grid-template-columns: 1fr;
    }
  }

  /* ───────────────────────────────────────────────────────────
     Habillage « bleu » : déclenché par le fond primary Gutenberg.
     Champs et cartes passent en version claire (maquette 1).
     ─────────────────────────────────────────────────────────── */
  &.has-primary-background-color {
    color: var(--wp--preset--color--base);

    .m-formulaire__titre,
    .m-formulaire__surtitre,
    .m-formulaire__texte {
      color: var(--wp--preset--color--base);
    }

    .m-formulaire__titre--accent {
      color: var(--wp--preset--color--base);
      text-decoration: underline;
      text-underline-offset: 0.2em;
    }

    /* Lignes d'information sur fond translucide clair */
    .m-formulaire__infos-item {
      background-color: rgb(255 255 255 / 12%);
      border-radius: 0.5rem;
    }

    .m-formulaire__infos-icone {
      background-color: var(--wp--preset--color--base);
    }

    .m-formulaire__infos-contenu,
    .m-formulaire__infos-contenu a {
      color: var(--wp--preset--color--tertiary);
    }

  }
}



/* Boutons Gravity Forms  */
.m-formulaire__form {
  & .gform_button {
    background-color: var(--wp--preset--color--primary) !important;

    &:hover {
      background-color: var(--wp--preset--color--primary-darken) !important;
    }
  }
}

.has-primary-light-background-color .m-formulaire__form,
.has-primary-background-color .m-formulaire__form {
  padding: 1.5rem;
  border-radius: var(--wp--custom--radius--base);
  background: #F5F5F5B2;
}