.apidae-teaser {
    display: flex;
    width: 390px;
    height: 407px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 5px;
    background: var(--White, #FFF);
    /* Ombre card */
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08);
  }
  .apidae-teaser__link {
    width: 100%;
    text-decoration: none;
  }

  .apidae-teaser__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    padding : 16px 32px 32px;
  }

  .apidae-teaser__image {
    width: 100%;
    height: 262px;
  }

  .apidae-teaser__title {
    font-family: Jost;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 54px */
    text-transform: uppercase;
  }


  .apidae-teaser__where,
  .apidae-teaser__when {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;

    .where_value,
    .when_value {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    color : var(--color-primary);

      p {
          margin : 0px;
      }
    }

    .where_icon::before {
      content: '';
      display: block;
      width: 18px;
      height: 18px;
      background-image: url("../../images/icons/map-pin.svg");
      background-repeat: no-repeat;
      background-position: center;
    }
    .when_icon::before {
      content: '';
      display: block;
      width: 18px;
      height: 18px;
      background-image: url("../../images/icons/clock-green.svg");
      background-repeat: no-repeat;
      background-position: center;
    }
  }

.apidae-teaser__wrapper.apidae__wrapper,
.apidae-info__wrapper {
    padding: 5px;
}

.apidae-info__wrapper .info-title {
    font-weight: 700;
}
.apidae-main {
    padding: 0 1rem 2rem;
}

@media all and (min-width: 768px) {

    .apidae-main {
        padding: 24px 32px;
    }

    .apidae-teaser__wrapper.apidae__wrapper,
    .apidae-info__wrapper {
        padding: 0px;
        padding-top: 15px;
    }
}

.event-teaser__type-wrapper {
    border: dashed 2px var(--color-primary) ;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--color-white);

}


.event-teaser__type-wrapper .event-teaser__type {
    width: 48px;
    height: 48px;
    background-color: var(--color-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    .taxonomy-term {
        h2 {
            display: none;
        }
    }

}

.event-teaser__highlight-wrapper {
    display: flex;
    justify-content: flex-end;
}

.apidae__wrapper:not(.event--highlight) .event-teaser__highlight-wrapper{
  display: none;
}

.event-teaser__highlight-wrapper .event-teaser__highlight {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    border-radius: 20px;
    border: 1px solid var(--color-primary--clear-var);
    width: fit-content;
    height: fit-content;
}

.event-teaser__highlight-wrapper .event-teaser__highlight::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("../../images/icons/heart.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.event-teaser__highlight-wrapper .event-teaser__highlight p {
            font-size: 14px;
            padding: 0;
            margin: 0;
          }

.apidae-event {
    display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}


.view-filters .view-ef-fieldset-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: var(--color-primary--clear);
    gap: 32px;
}

.view-apidae .view-content,
.view-hosting .view-content,
.view-excursion .view-content  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}

.icon::before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-phone::before {
    background-image: url('../../images/icons/phone-green.svg');
}
.icon-mail::before {
    background-image: url('../../images/icons/email-green.svg');
}
.icon-web_site::before {
    background-image: url('../../images/icons/web_site-green.svg');
}
.icon-instagram::before {
    background-image: url('../../images/icons/instagram-green.svg');
}
.icon-facebook::before {
    background-image: url('../../images/icons/facebook-green.svg');
}
.icon-google_business::before {
    background-image: url('../../images/icons/google_business-green.svg');
}
.icon-prices::before {
    background-image: url('../../images/icons/currency-green.svg');
}
.icon-payments_mode::before {
    background-image: url('../../images/icons/credit-card-green.svg');
}
.icon-services::before {
    background-image: url('../../images/icons/services.svg');
}
.icon-equipments::before {
    background-image: url('../../images/icons/chair-green.svg');
}
.icon-capacity::before {
    background-image: url('../../images/icons/users-green.svg');
}
.icon-comfort::before {
    background-image: url('../../images/icons/pillow.svg');
}
.icon-accepted_animals::before {
    background-image: url('../../images/icons/dog-green.svg');
}
.icon-adapted_tourism::before {
    background-image: url('../../images/icons/handicap-green.svg');
}
.icon-tourism_disability::before {
    background-image: url('../../images/icons/handicap-green.svg');
}
.icon-distance::before {
    background-image: url('../../images/icons/distance-green.svg');
}
.icon-denivellation::before {
    background-image: url('../../images/icons/denivellation-green.svg');
}
.icon-route_type.route_type-boucle::before {
    background-image: url('../../images/icons/route_type-green.svg');
}
.icon-route_type:not(.route_type-boucle)::before {
    background-image: url('../../images/icons/distance-green.svg');
}
.icon-duration::before {
    background-image: url('../../images/icons/clock-green.svg');
}

.icon.icon--vertical-flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.icon-difficulty::before {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    position: relative;
    transform: translateX(20%) translateY(40%);
}

.icon-difficulty.difficulty-green::before {
    background-color: green;
}

.icon-difficulty.difficulty-blue::before {
    background-color: blue;
}

.icon-difficulty.difficulty-orange::before {
    background-color: orange;
}

.icon-difficulty.difficulty-red::before {
    background-color: red;
}
.icon-difficulty.difficulty-black::before {
    background-color: black;
}

.icon-markings::before {
    width: 19px;
    height: 6px;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}

.icon-markings.markings-pr::before {
    background-color: yellow;
}
.icon-markings.markings-gr::before {
    background: linear-gradient(to bottom, white 50%, red 50%);
    height: 12px;
}
.icon-markings.markings-gr-pays::before {
    background: linear-gradient(to bottom, yellow 50%, red 50%);
    height: 12px;
}

.info-short-description {
    font-weight: 700;
}

.info-to-description_step_by_step a {
    color: var(--color-secondary);
    text-decoration: underline;
    font-weight: 700;
}

.info-description.localization_supplement {
    padding: 32px;
    border-radius: 3px;
    border: 1px solid var(--Neutral-10, #D1D1D1);
}



.info__wrapper,
.info-difficulty__wrapper,
.info-markings__wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.apidae-info__wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.apidae-info__wrapper.info--inline {
    flex-direction: row;
    flex-wrap: wrap;
}

.apidae-pages {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.opening-info {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    border-radius: 3px;
    border: 1px solid var(--color-neutral--10);
}

.opening-title p,
.other-text p {
    margin: 0px;
}

.other-info {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    border-radius: 3px;
    background: var(--color-primary--clear);

}

.other__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.other-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    gap: 8px
}

.other-info .other-text {
    max-width: 100%;
}

.other-info .other-text.taxo__wrapper {
    display: flex;
    flex-direction: row;
    gap: .33rem;
}
.other-info .other-text .taxo {
    display: block;
    padding: .1rem .75rem;
    border-radius: 1rem;
    border: 1px solid var(--color-primary--clear-var);
    font-size: .8rem;
    text-wrap: nowrap;
}
.other-info .other-text .taxo.adapted {
    text-wrap: auto;
}

.other-info

.other-info .other-text.column {
    flex-direction: column;
    max-width: 100%;
}

@media all and (min-width: 768px) {
  .other-info .other-text {
      max-width: 70%;
      display: flex;
      gap: .33rem;
      flex-wrap: wrap;
  }

  .other-info .other-text.text--full {
    max-width: 100%;
  }
}


/*.taxo__wrapper .taxo.equipement:not(:last-child)::after,
.taxo__wrapper .taxo.service:not(:last-child)::after,
.taxo__wrapper .taxo.payment:not(:last-child)::after {
  content: "-";
}*/

@media all and (min-width: 768px) {
    .other__wrapper:not(.other--newline) {
        flex-direction: row;
        width: 100%;
    }
}

.maps {
    width: 250px;
    height: 300px;
}

.gallery {
    width: 327px;
    height: 327px;
    position: relative;
}

.gallery_credit {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: white;
    text-shadow: 1px 1px 0px black;
}

@media all and (min-width: 768px) {
    .maps {
        width: 335px;
        height: 237px;
    }
}


@media all and (min-width: 1100px) {

    .gallery {
        width: 490px;
        height: 490px;
    }
}

@media all and (min-width: 1500px) {

    .gallery {
        width: 583px;
        height: 583px;
    }
}



.gallery .swiper-button-next,
.gallery .swiper-button-prev {
    position: absolute;
    z-index: 1;
    max-width: 30px;
    height: 30px;
    width: 100%;
}



.gallery .swiper-button-next::after,
.gallery .swiper-button-prev::after {
    content: '';
    border-radius: 24px;
    background: var(--color-primary);
    display: block;
    max-width: 30px;
    height: 30px;
    width: 100%;
    background-image: url('../../images/picture_card/Arrow2.svg');
    background-position: center;
    background-repeat: no-repeat;


}

.gallery .swiper-button-next {
    right: var(--swiper-navigation-sides-offset,20px);
}

.gallery .swiper-button-prev {
    transform: rotate(180deg);
    left: var(--swiper-navigation-sides-offset,20px);
}

.apidae-primary-info {
  border-radius: 5px;
  background: var(--color-primary--clear);
}

.apidae-back {
  color: var(--color-secondary);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  padding: 16px 0px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.alliance-reseaux__title {
    text-align: center;
    margin : 0 auto;
    font-size: 20px;
}

.alliance-reseaux__wrapper {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  border-radius: 3px;
  border: 1px solid var(--color-neutral--10);
  margin-bottom: 16px;
}

.alliance-reseaux__widget {
  margin: 1.5rem auto;
  width: 100%;
}

.alliance-reseaux__widget .OsMoteur {
  font-size: 14px;
}



.step-by-step .step-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 1rem;
}

.step-by-step .step-number {
  background-color: var(--color-secondary);
  color: white;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  flex-shrink: 0;
}

.step-by-step .step-content {
  flex: 1;
  line-height: 1.6;
}

.step-by-step .intro-content {
  margin-bottom: 1.5rem;
}


/**
 * Apidae view maps
 */

.leaflet-container {
  min-height: 400px;
}

.view-content .leaflet-map-view-excursion-block {
  width: 100%;
  height: 500px;
  min-height: 400px;
}

.view-map .view-content {
  display: block;
  width: 90%;
}


/**
 * Regle d'affichage des éléments en fonction du type de page
 */
.opening-info .info-duration {
    display: none;
}

.public__wrapper:not(:has(.taxo__wrapper .public)) {
  display: none;
}


.type_page--on_the_road .other-prices,
.type_page--on_the_road .other-payments_mode,
.type_page--on_the_road .other-adapted_tourism,
.type_page--on_the_road .other-accepted_animals,
.type_page--on_the_road .other-capacity,
.type_page--on_the_road .other-equipements,
.type_page--on_the_road .other-services,
/*.type_page--on_the_road .other-documents,*/
.type_page--on_the_road .other-visit,
.type_page--on_the_road .other-category,
.type_page--on_the_road .other-statues_menhirs,
.type_page--on_the_road .other-tourism_disability {
    display: none;
}

.type_page--self_guided_visits .other-accepted_animals,
.type_page--self_guided_visits .other-capacity,
.type_page--self_guided_visits .other-visit,
.type_page--self_guided_visits .other-category,
.type_page--self_guided_visits .other-statues_menhirs,
.type_page--self_guided_visits .other-tourism_disability {
    display: none;
}

.type_page--guided_visits .other-capacity,
.type_page--guided_visits .other-visit,
.type_page--guided_visits .other-category,
.type_page--guided_visits .other-statues_menhirs,
.type_page--guided_visits .other-tourism_disability {
    display: none;
}

.type_page--museums .other-capacity,
.type_page--museums .other-category,
.type_page--museums .other-statues_menhirs,
.type_page--museums .other-tourism_disability {
    display: none;
}

.type_page--emblematic_heritage .other-adapted_tourism,
.type_page--emblematic_heritage .other-accepted_animals,
.type_page--emblematic_heritage .other-capacity,
.type_page--emblematic_heritage .other-visit,
.type_page--emblematic_heritage .other-category,
.type_page--emblematic_heritage .other-statues_menhirs,
.type_page--emblematic_heritage .other-tourism_disability {
    display: none;
}

.type_page--statues_menhirs .other-prices,
.type_page--statues_menhirs .other-payments_mode,
.type_page--statues_menhirs .other-adapted_tourism,
.type_page--statues_menhirs .other-accepted_animals,
.type_page--statues_menhirs .other-capacity,
.type_page--statues_menhirs .other-equipements,
.type_page--statues_menhirs .other-services,
.type_page--statues_menhirs .other-visit,
.type_page--statues_menhirs .other-category,
.type_page--statues_menhirs .other-tourism_disability {
    display: none;
}

.type_page--fishing .other-accepted_animals,
.type_page--fishing .other-capacity,
.type_page--fishing .other-visit,
.type_page--fishing .other-category,
.type_page--fishing .other-statues_menhirs {
    display: none;
}

.type_page--fishing-sleep .other-visit,
.type_page--fishing-sleep .other-category,
.type_page--fishing-sleep .other-statues_menhirs,
.type_page--fishing-sleep .capacity--capaciteMaximumPossible {
    display: none;
}

.type_page--wellness .other-accepted_animals,
.type_page--wellness .other-capacity,
.type_page--wellness .other-visit,
.type_page--wellness .other-category,
.type_page--wellness .other-statues_menhirs {
    display: none;
}


.type_page--care .other-accepted_animals,
.type_page--care .other-capacity,
.type_page--care .other-visit,
.type_page--care .other-category,
.type_page--care .other-statues_menhirs {
    display: none;
}

.type_page--care .apidae-primary-info .info-duration {
    display: none;
}

.type_page--care .opening-info .info-duration {
    display: flex;
}


.type_page--sports_activities .other-accepted_animals,
.type_page--sports_activities .other-capacity,
.type_page--sports_activities .other-visit,
.type_page--sports_activities .other-category,
.type_page--sports_activities .other-statues_menhirs {
    display: none;
}



.type_page--animal_activities .other-accepted_animals,
.type_page--animal_activities .other-capacity,
.type_page--animal_activities .other-visit,
.type_page--animal_activities .other-category,
.type_page--animal_activities .other-statues_menhirs {
    display: none;
}


.type_page--leisure .other-capacity,
.type_page--leisure .other-visit,
.type_page--leisure .other-category,
.type_page--leisure .other-statues_menhirs {
    display: none;
}


.type_page--swimming .other-capacity,
.type_page--swimming .other-visit,
.type_page--swimming .other-category,
.type_page--swimming .other-statues_menhirs {
    display: none;
}


.type_page--water_activities .other-accepted_animals,
.type_page--water_activities .other-capacity,
.type_page--water_activities .other-visit,
.type_page--water_activities .other-category,
.type_page--water_activities .other-statues_menhirs {
    display: none;
}


.type_page--pool_activities .other-accepted_animals,
.type_page--pool_activities .other-capacity,
.type_page--pool_activities .other-visit,
.type_page--pool_activities .other-category,
.type_page--pool_activities .other-statues_menhirs {
    display: none;
}


.type_page--local_producers .other-prices,
.type_page--local_producers .other-accepted_animals,
.type_page--local_producers .other-capacity,
.type_page--local_producers .other-category,
.type_page--local_producers .other-statues_menhirs {
    display: none;
}


.type_page--picnic_areas .other-payments_mode,
.type_page--picnic_areas .other-accepted_animals,
.type_page--picnic_areas .other-capacity,
.type_page--picnic_areas .other-visit,
.type_page--picnic_areas .other-category,
.type_page--picnic_areas .other-statues_menhirs {
    display: none;
}


.type_page--event .other-accepted_animals {
    display: none;
}


.type_page--investigation .other-accepted_animals,
.type_page--investigation .other-capacity,
.type_page--investigation .other-visit,
.type_page--investigation .other-category,
.type_page--investigation .other-statues_menhirs {
    display: none;
}


.type_page--i_make .other-accepted_animals,
.type_page--i_make .other-capacity,
.type_page--i_make .other-visit,
.type_page--i_make .other-category,
.type_page--i_make .other-statues_menhirs {
    display: none;
}


.type_page--nature_play .other-accepted_animals,
.type_page--nature_play .other-capacity,
.type_page--nature_play .other-visit,
.type_page--nature_play .other-category,
.type_page--nature_play .other-statues_menhirs {
    display: none;
}

.type_page--teens_12_plus .other-accepted_animals,
.type_page--teens_12_plus .other-capacity,
.type_page--teens_12_plus .other-visit,
.type_page--teens_12_plus .other-category,
.type_page--teens_12_plus .other-statues_menhirs {
    display: none;
}

.type_page--playground .other-accepted_animals,
.type_page--playground .other-capacity,
.type_page--playground .other-visit,
.type_page--playground .other-category,
.type_page--playground .other-statues_menhirs {
    display: none;
}


.type_page--self_guided_visits.type_page--museums .other-visit {
    display: flex;
}

