.m-image-texte {

  img {
    border-radius: 16px;
  }

  .m-image-texte__wrap {
    margin: 0 auto;

    @media(991px > width) {
      --bs-gutter-x: var(--wp--preset--spacing--xl);
    }
  }

  .m-image-texte__intro {
    margin-bottom: var(--wp--preset--spacing--7-xl);

    @media(991px > width) {
      margin-bottom: var(--wp--preset--spacing--4-xl);
    }
  }

  .m-image-texte__intro_titre {
    margin-bottom: 0;
  }

  .m-image-texte__intro_titre + .m-image-texte__intro_texte {
    margin-top: var(--wp--preset--spacing--sm);
  }

  .m-image-texte__intro_texte > :last-child {
    margin-bottom: 0;
  }

  .m-image-texte__texte {
    margin: 1.5em 0 2em;
  }

  .m-image-texte__badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: var(--wp--preset--spacing--sm);
  }

  &.is-style-rounded {
    .m-image-texte__image {
      img {
        border-radius: var(--wp--preset--border-radius--2-xl);
      }
    }
  }

  .m-image-texte__image--cover {
    height: 100%;

    img {
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
  }

  @media(991px > width) {
    .col-image {
      margin-bottom: var(--wp--preset--spacing--3-xl);
    }
  }

  @media(991px < width) {
    &:not(.m-image-texte--under):not(.m-image-texte--above):not(.m-image-texte--noimage) {
      .col-image {
        padding-right: 25px;
      }

      .col-texte {
        padding-left: 25px;
      }
    }

    &.m-image-texte--droite {
      .col-image {
        padding-left: 25px;
        padding-right: calc(var(--bs-gutter-x) * .5);
      }

      .col-texte {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: 25px;
      }
    }
  }

  &.alignfull {
    .container-fluid {
      .col-texte .m-image-texte__texte_wrap {
        @media(width > 992px) {
          margin: 0 auto;
        }
      }
    }
  }


  &.has-secondary-background-color {
    .m-image-texte__titre,
    .m-image-texte__intro_titre {
      color: #fff;
    }
  }

  &.m-image-texte--under,
  &.m-image-texte--above {
    .m-image-texte__texte_wrap {
      padding-left: 0;
      padding-right: 0;
    }

    .m-image-texte__image {
      img {
        width: 100%;
        max-height: 450px;
        object-fit: cover;
      }
    }
  }

  &.m-image-texte--noimage {
    .m-image-texte__texte_wrap {
      padding-left: 0;
      padding-right: 0;
    }
  }

}