/** END FONCTIONS **/
/* .fl-rich-text p,
.fl-accordion-content p,
.fl-tabs p,
.fl-rich-text li,
.fl-accordion-content li,
.fl-tabs li,
.fl-rich-text h1,
.fl-accordion-content h1,
.fl-tabs h1,
.fl-rich-text h2,
.fl-accordion-content h2,
.fl-tabs h2,
.fl-rich-text h3,
.fl-accordion-content h3,
.fl-tabs h3,
.fl-rich-text h4,
.fl-accordion-content h4,
.fl-tabs h4,
.fl-rich-text h5,
.fl-accordion-content h5,
.fl-tabs h5,
.fl-rich-text h6,
.fl-accordion-content h6,
.fl-tabs h6 {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  line-height: 1.5;
  margin-bottom: 20px;
}

.fl-rich-text p strong,
.fl-accordion-content p strong,
.fl-tabs p strong,
.fl-rich-text li strong,
.fl-accordion-content li strong,
.fl-tabs li strong,
.fl-rich-text h1 strong,
.fl-accordion-content h1 strong,
.fl-tabs h1 strong,
.fl-rich-text h2 strong,
.fl-accordion-content h2 strong,
.fl-tabs h2 strong,
.fl-rich-text h3 strong,
.fl-accordion-content h3 strong,
.fl-tabs h3 strong,
.fl-rich-text h4 strong,
.fl-accordion-content h4 strong,
.fl-tabs h4 strong,
.fl-rich-text h5 strong,
.fl-accordion-content h5 strong,
.fl-tabs h5 strong,
.fl-rich-text h6 strong,
.fl-accordion-content h6 strong,
.fl-tabs h6 strong {
  font-weight: bold;
}

.fl-rich-text p a,
.fl-accordion-content p a,
.fl-tabs p a,
.fl-rich-text li a,
.fl-accordion-content li a,
.fl-tabs li a,
.fl-rich-text h1 a,
.fl-accordion-content h1 a,
.fl-tabs h1 a,
.fl-rich-text h2 a,
.fl-accordion-content h2 a,
.fl-tabs h2 a,
.fl-rich-text h3 a,
.fl-accordion-content h3 a,
.fl-tabs h3 a,
.fl-rich-text h4 a,
.fl-accordion-content h4 a,
.fl-tabs h4 a,
.fl-rich-text h5 a,
.fl-accordion-content h5 a,
.fl-tabs h5 a,
.fl-rich-text h6 a,
.fl-accordion-content h6 a,
.fl-tabs h6 a {
  font-weight: 500;
  border-bottom: 1px solid;
  color: #000000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.fl-rich-text p a:hover,
.fl-accordion-content p a:hover,
.fl-tabs p a:hover,
.fl-rich-text li a:hover,
.fl-accordion-content li a:hover,
.fl-tabs li a:hover,
.fl-rich-text h1 a:hover,
.fl-accordion-content h1 a:hover,
.fl-tabs h1 a:hover,
.fl-rich-text h2 a:hover,
.fl-accordion-content h2 a:hover,
.fl-tabs h2 a:hover,
.fl-rich-text h3 a:hover,
.fl-accordion-content h3 a:hover,
.fl-tabs h3 a:hover,
.fl-rich-text h4 a:hover,
.fl-accordion-content h4 a:hover,
.fl-tabs h4 a:hover,
.fl-rich-text h5 a:hover,
.fl-accordion-content h5 a:hover,
.fl-tabs h5 a:hover,
.fl-rich-text h6 a:hover,
.fl-accordion-content h6 a:hover,
.fl-tabs h6 a:hover {
  color: #f9d569;
}

.fl-rich-text ul,
.fl-accordion-content ul,
.fl-tabs ul {
  margin-bottom: 20px;
}

.fl-rich-text ul li,
.fl-accordion-content ul li,
.fl-tabs ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.fl-rich-text ul li:last-of-type,
.fl-accordion-content ul li:last-of-type,
.fl-tabs ul li:last-of-type {
  margin-bottom: 0;
}

.fl-rich-text ul li:before,
.fl-accordion-content ul li:before,
.fl-tabs ul li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #000;
}

.fl-rich-text table,
.fl-accordion-content table,
.fl-tabs table {
  min-width: 100%;
}

.fl-rich-text table thead,
.fl-accordion-content table thead,
.fl-tabs table thead {
  border-bottom: 2px solid #000;
}

.fl-rich-text table thead td,
.fl-accordion-content table thead td,
.fl-tabs table thead td {
  font-weight: bold;
  padding: 30px 20px 30px 0;
}

.fl-rich-text table tbody tr,
.fl-accordion-content table tbody tr,
.fl-tabs table tbody tr {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.fl-rich-text table tbody tr:hover,
.fl-accordion-content table tbody tr:hover,
.fl-tabs table tbody tr:hover {
  background-color: #f5f5f5;
}

.fl-rich-text table tbody tr:not(:last-of-type),
.fl-accordion-content table tbody tr:not(:last-of-type),
.fl-tabs table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}

.fl-rich-text table tbody tr td,
.fl-accordion-content table tbody tr td,
.fl-tabs table tbody tr td {
  padding: 30px 20px 30px 0;
  font-size: 14px;
}

.fl-rich-text table p,
.fl-accordion-content table p,
.fl-tabs table p {
  margin-bottom: 0;
}

.fl-rich-text blockquote,
.fl-accordion-content blockquote,
.fl-tabs blockquote {
  background-color: rgba(249, 213, 105, 0.3);
  padding: 40px 20px 20px 20px;
  position: relative;
}

.fl-rich-text blockquote:after,
.fl-accordion-content blockquote:after,
.fl-tabs blockquote:after {
  content: '"';
  position: absolute;
  top: -10px;
  left: 20px;
  line-height: 1;
  display: block;
  font-size: 100px;
}

.fl-accordion .fl-accordion-item {
  border: none;
}

.fl-accordion .fl-accordion-item:not(:last-of-type) {
  border-bottom: 1px solid;
}

.fl-accordion .fl-accordion-item .fl-accordion-button {
  color: #000;
  font-weight: bold;
  padding: 15px 10px 15px 0;
}

.fl-accordion .fl-accordion-item .fl-accordion-button a {
  outline: none !important;
  color: #000;
}

.fl-accordion .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a {
  color: #000;
}

.fl-accordion .fl-accordion-item .fl-accordion-content {
  padding: 30px 0;
}

.fl-accordion .fl-accordion-item .fl-accordion-button-icon-right {
  opacity: 1;
}

.fl-tabs-panels {
  background-color: #000;
  border: none;
}

.fl-tabs-panels .fl-tabs-label {
  color: #ffffff;
  font-weight: bold;
  padding: 15px;
  outline: none !important;
}

.fl-tabs-panels .fl-tabs-label.fl-tab-active {
  background-color: #000000;
  color: #fff;
  border: 0;
  padding: 15px;
  outline: none;
}

.fl-tabs-panels .fl-tabs-panel {
  border: none;
}

.fl-tabs-panels .fl-tabs-panel-content {
  background-color: #e6e6e6;
  padding: 30px 20px;
}

.fl-tabs-labels {
  background-color: #000;
}

.fl-tabs-labels .fl-tabs-label {
  color: #ffffff;
  padding: 30px;
  font-weight: bold;
  text-transform: uppercase;
  outline: none !important;
}

.fl-tabs-labels .fl-tabs-label.fl-tab-active {
  background-color: #000000;
  color: #fff;
  border: 0;
}
 */

ul.al__list-orange,
ul.al__list-round-orange {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 0.5rem;

  &>li {
    /* display: flex;
    align-items: flex-start;
    gap: 0.625rem; */
    font-size: clamp(var(--fs-18), 1.8vw, var(--fs-20));
    color: var(--base-clr);
    font-weight: 300;
    line-height: 150%;
    padding-inline-start: 25px;
    background-image: url('data:image/svg+xml,<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 5.33162C11.1667 5.71652 11.1667 6.67877 10.5 7.06367L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00149C-8.8911e-08 0.231693 0.833333 -0.249431 1.5 0.135469L10.5 5.33162Z" fill="%23927D64"/></svg>');
    background-repeat: no-repeat;
    background-position: left 12px;
    background-size: 10px;

    /* &::before {
      content: '';
      display: block;
      position: relative;
      width: 15px;
      height: 15px;
      background-color: white;
      mask-image: url('data:image/svg+xml,<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 5.33162C11.1667 5.71652 11.1667 6.67877 10.5 7.06367L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00149C-8.8911e-08 0.231693 0.833333 -0.249431 1.5 0.135469L10.5 5.33162Z" fill="white"/></svg>');
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
      -webkit-mask-image: url('data:image/svg+xml,<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 5.33162C11.1667 5.71652 11.1667 6.67877 10.5 7.06367L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00149C-8.8911e-08 0.231693 0.833333 -0.249431 1.5 0.135469L10.5 5.33162Z" fill="white"/></svg>');
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      margin-block-start: 8px;
      flex-shrink: 0;
    } */

    &:has(ul) {
      flex-wrap: wrap;

      span,
      p {
        width: calc(100% - 15px - 0.625rem);
      }

      ul {
        width: 100%;
        padding-inline-start: 30px;
      }
    }
  }

}

ul {
  &:is(.al__list-orange) {
    /* &>li::before {
      background-color: var(--primary-clr)
    } */

    &>li {
      background-image: url('data:image/svg+xml,<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 5.33162C11.1667 5.71652 11.1667 6.67877 10.5 7.06367L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00149C-8.8911e-08 0.231693 0.833333 -0.249431 1.5 0.135469L10.5 5.33162Z" fill="%23927D64"/></svg>');
    }
  }

  &:is(.al__list-black) {
    /* &>li::before {
      background-color: var(--base-clr);
    } */

    &>li {
      background-image: url('data:image/svg+xml,<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 5.33162C11.1667 5.71652 11.1667 6.67877 10.5 7.06367L1.5 12.2598C0.833332 12.6447 -6.10471e-07 12.1636 -5.76822e-07 11.3938L-1.2256e-07 1.00149C-8.8911e-08 0.231693 0.833333 -0.249431 1.5 0.135469L10.5 5.33162Z" fill="%230D1838"/></svg>');
    }
  }

  &:is(.al__list-none) {
    list-style: none;
  }
}

/* 
ul.al__list-round-orange>li::before {
  width: 10px;
  height: 10px;
  background-color: var(--primary-clr);
  mask-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.5C8.26142 10.5 10.5 8.26142 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5C2.73858 0.5 0.5 2.73858 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5Z" stroke="white"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.5C8.26142 10.5 10.5 8.26142 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5C2.73858 0.5 0.5 2.73858 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5Z" stroke="white"/></svg>');
} */

ul.al__list-round-orange>li {
  background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 10.5C8.26142 10.5 10.5 8.26142 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5C2.73858 0.5 0.5 2.73858 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5Z" stroke="%23927D64"/></svg>');
}

/* Image carrousel */
.fl-module-pp-image-carousel {
  --_carousel_img_h: 300px;

  .pp-image-carousel-wrapper {
    padding-inline: 32px;

    .pp-carousel-image-container {
      figure {
        height: var(--_carousel_img_h);
        overflow: hidden;
        width: 100%;

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

    .swiper-pagination {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 10px;
      position: relative;
      inset: initial;
      margin-block-start: 20px;

      [class*="swiper-pagination"] {
        width: 30px;
        height: 8px;
        border: 1px solid var(--primary-clr);
        border-radius: 500px !important;
        outline: none !important;
        margin: 0 !important;
        background-color: transparent !important;
        transition: background-color .3s;

        &.swiper-pagination-bullet-active,
        &:hover {
          background-color: var(--base-clr) !important;
          border-color: var(--base-clr);
        }
      }
    }

    .pp-swiper-button {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      outline: none !important;
      background-color: var(--full-white-clr);
      border: 1px solid var(--primary-clr) !important;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color .3s;
      padding: 5px;

      &::after {
        content: '';
        display: block;
        position: relative;
        width: 16px;
        height: 16px;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: var(--base-clr);
        mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
        -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
      }

      &:hover {
        background-color: var(--primary-clr);

        &::after {
          background-color: var(--full-white-clr);
        }
      }

      span {
        display: none !important;
      }
    }

    .swiper-button-next {
      right: -10px;
    }

    .swiper-button-prev {
      left: -10px;

      &::after {
        rotate: 180deg;
      }
    }
  }


}

.fl-node-content .al__uptitle_primary {
  width: 100% !important;
}

/* reviews */
.al__fl_reviews {

  .pp-reviews-wrapper {

    .swiper-wrapper {
      align-items: stretch;
    }

    .swiper-pagination {
      margin-block-start: 30px;
      position: relative;
      inset: initial !important;
    }

    .pp-review-item {
      display: grid;

      .pp-review {
        position: relative;
        flex-direction: column-reverse;
        padding: 75px 40px 40px;
        height: 100%;
      }

      .pp-review-header {
        padding: 0;
        border: none;

        .pp-review-image {
          width: 65px;
          height: 65px;
          border-radius: 50%;
          overflow: hidden;

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

        }

        .pp-review-cite {
          justify-content: center;
        }

        .pp-review-name {
          font-size: var(--fs-16);
          text-transform: uppercase;
          line-height: var(--lh-150);
          letter-spacing: 5%;
          font-weight: var(--fw-400);
          color: var(--primary-clr);
        }

        .pp-rating {
          position: absolute;
          top: 50px;
          left: 40px;
        }
      }

      .pp-review-content {
        padding: 0;
        margin-block: 10px;
      }

      .pp-review-text {
        color: var(--base-clr);
        font-size: var(--fs-20);
        line-height: var(--lh-150);
        font-weight: var(--fw-300);
        text-align: left;

        p,
        span {
          font: inherit;
          color: inherit;
          text-align: inherit;
        }
      }
    }

  }

}

/* accordeon */
.fl-accordion {
  .fl-accordion-item {
    .fl-accordion-heading {

      .fl-accordion-button {
        padding: 10px;
      }

      .fl-accordion-button-label {
        font-size: clamp(var(--fs-18), 1.5vw, var(--fs-20));
        font-weight: var(--fw-700);
        color: var(--base-clr);
        line-height: var(--lh-110);
      }

      .fl-accordion-button-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        opacity: 1;
        border: 1px solid #96A6AF;
        border-radius: 50%;
        overflow: hidden;
        flex: 0 0 auto;

        i {
          color: var(--base-clr);
          font-size: var(--fs-16);
        }
      }
    }

    .fl-accordion-content {
      background-color: var(--full-white-clr);
      padding: 10px;
      font-size: clamp(var(--fs-18), 1.5vw, var(--fs-20));
      font-weight: var(--fw-300);
      line-height: var(--lh-150);
      color: var(--base-clr);

      strong {
        font-weight: var(--fw-700);
      }
    }
  }
}

.fl-module {
  font-size: clamp(var(--fs-18), 1.8vw, var(--fs-20));
  font-weight: var(--fw-300);
  line-height: var(--lh-150);

  .editor-titre {
    margin-bottom: 0;
  }

  h2,
  h3,
  h4,
  h5 {
    margin-bottom: 25px;
  }

  p,
  li,
  div {
    font-size: clamp(var(--fs-18), 1.8vw, var(--fs-20));
  }
}

.fl-accordion-item {

  h2,
  h3,
  h4,
  h5 {
    margin-bottom: 0 !important;
  }
}

.fl-module img {
  &.alignright {
    float: none;
    clear: both;
    display: block;
    margin-inline: auto;
  }

  &.alignleft {
    float: none;
    clear: both;
    display: block;
    margin-inline: auto;
  }

  &.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100% !important;
  }
}

@media (min-width: 767px) {
  .fl-module-pp-image-carousel {
    --_carousel_img_h: 420px;

    .pp-image-carousel-wrapper {
      padding-inline: 45px;

      .swiper-button-prev {
        left: 0px;
      }

      .swiper-button-next {
        right: 0px;
      }
    }
  }
}

/* Version > 1024 */
@media (min-width: 1024px) {
  /* .fl-tabs-panels .fl-tabs-panel-content {
    padding: 50px;
  }

  .fl-accordion .fl-accordion-item .fl-accordion-button {
    padding: 25px 15px 25px 0;
  } */

  .pp-image-carousel-wrapper {
    .swiper-pagination {
      display: flex !important;
    }
  }
}


@media (min-width: 1200px) {
  .fl-module-pp-image-carousel {
    --_carousel_img_h: 372px;
  }

  .pp-image-carousel-wrapper {
    padding-inline: 74px;


    .pp-swiper-button {
      width: 52px;
      height: 52px;
      padding: 10px;
    }

    .swiper-button-next {
      right: 0;
    }

    .swiper-button-prev {
      left: 0;
    }
  }

  .fl-module img {
    &.alignright {
      float: right;
      margin: 0.25rem 0 0.25rem 0.5rem;
    }

    &.alignleft {
      float: left;
      margin: 0.25rem 0.5rem 0.25rem 0;
    }

    &.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
  }
}