.elementor-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
    margin-bottom: 1rem;

    &:has(.no-results-container) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .elementor-card-title {
        line-height: 2rem;
    }
}

@media (max-width: 767px) {
    .elementor-widget-session_carousel-filterable {
        padding: 0 10px;
    }
    .elementor-cards-wrapper {
        grid-template-columns: 1fr;
    }
}
  


.elementor-card {
    background: #fff;
    border-radius: 16px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.10);

}

.elementor-card-thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
    max-height: 185px;
}

.elementor-card-thumbnail a.post_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.elementor-card-content:not(.event) {
    padding: 10px 30px;
    min-height: 410px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .elementor-card-famille-metier {
        line-height: 24px;
        min-height: 50px;
    }
}

.elementor-card-content *:not(.elementor-card-title) {
    font-size: 14px!important;
}

/*.elementor-card-title {*/
/*    font-size: inherit!important;*/
/*}*/

.elementor .elementor-card-title a,
.elementor .elementor-card-title a:link {
    font-size: inherit!important;
    color: #2A2A2A;
}

.elementor-card-gratuit {
    position: absolute;
    bottom: 26px;
    right: 13px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background: #82FFFF;
    border-radius: 5px;
    padding: 0 5px;
}

.filter-button {
    text-decoration: underline;
    font-size: 24px;
    position: relative;
    width: max-content;
    margin-top: 50px;
    margin-bottom: 30px;

    &:hover {
        cursor: pointer;
    }

    &::after {
        content: '';
        position: absolute;
        top: 50%;
        right: -45px;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4375 8.5H29.75M4.25 8.5H20.1875M24.4375 25.5H29.75M4.25 25.5H20.1875M13.8125 17H29.75M4.25 17H9.5625' stroke='black' stroke-width='2.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.3125 10.625C23.4861 10.625 24.4375 9.67361 24.4375 8.5C24.4375 7.32639 23.4861 6.375 22.3125 6.375C21.1389 6.375 20.1875 7.32639 20.1875 8.5C20.1875 9.67361 21.1389 10.625 22.3125 10.625Z' stroke='black' stroke-width='2.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6875 19.125C12.8611 19.125 13.8125 18.1736 13.8125 17C13.8125 15.8264 12.8611 14.875 11.6875 14.875C10.5139 14.875 9.5625 15.8264 9.5625 17C9.5625 18.1736 10.5139 19.125 11.6875 19.125Z' stroke='black' stroke-width='2.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.3125 27.625C23.4861 27.625 24.4375 26.6736 24.4375 25.5C24.4375 24.3264 23.4861 23.375 22.3125 23.375C21.1389 23.375 20.1875 24.3264 20.1875 25.5C20.1875 26.6736 21.1389 27.625 22.3125 27.625Z' stroke='black' stroke-width='2.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}

.mes-filtres-taxonomie {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;

    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, height 0.5s ease-in-out;
    height: 0;

    &.show {
        opacity: 1;
        transform: unset;
        height: 60px;
    }

    @media (max-width: 767px) {
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 10px;

        &.show {
            height: max-content;
        }
    }
}

.filtre-taxonomie {
    display: flex;
    margin-right: 30px;
    padding: 15px 60px 15px 15px;
    border: 1px solid #000;
    border-radius: 8px;
    position: relative;
    font-size: 20px;

    @media (max-width: 767px) {

        border: none;
        margin-right: 0;
    }

    &:hover {
        cursor: pointer;
    }

    &::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 6.99982L1 1' stroke='black' stroke-width='1.99997' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    &.active {
        background-color: #00CEC1;
    }
}


/* Cache les dropdown par défaut */
  /* Affiche les dropdowns lorsque la classe .show est ajoutée */
.dropdown-taxonomie ul.show {
display: block;
}

.dropdown-taxonomie ul {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.10);
    z-index: 1;
    list-style: none;
    padding: 30px;
    width: max-content;
    border-radius: 8px;

    @media (max-width: 767px) {

        width: 100%;

    }
  }
  
  /* Styling pour chaque élément de liste du dropdown */
  .dropdown-taxonomie ul li {
    padding: 8px 16px;
    cursor: pointer;

      input[type="checkbox"] {
          width: 1.5rem;
          height: 1.5rem;
      }
  }

  /*.elementor-card-date {*/
  /*    text-align: center;*/

  /*}*/

.elementor-card-format {
    line-height: 2rem;
}

.elementor-card-prerequis p,
.elementor-card-duree p,
.elementor-card-format p,
.elementor-card-date p {
    margin: 0!important;
}

  .elementor-card-prerequis,
  .elementor-card-duree,
  .elementor-card-format,
  .elementor-card-date {
      display: block;
      position: relative;
      padding-left: 30px;

      &::before {
          position: absolute;
          content: '';
          width: 21px;
          height: 21px;
          left: 0;
          top: 6px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
      }
  }

  .elementor-card-prerequis p {
      line-height: 1.5rem;
  }

    .elementor-card-date::before {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5863 2.64648C6.20287 2.64648 2.64648 6.20286 2.64648 10.5863C2.64648 14.9697 6.20287 18.5261 10.5863 18.5261C14.9698 18.5261 18.5262 14.9697 18.5262 10.5863C18.5262 6.20286 14.9698 2.64648 10.5863 2.64648Z' fill='%23FFF000' stroke='black' stroke-width='1.32329' stroke-miterlimit='10'/%3E%3Cpath d='M10.5864 5.29297V11.2478H14.5563' stroke='black' stroke-width='1.32329' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }


    .elementor-card-prerequis::before {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2256 5.95526C14.0635 8.14161 12.4061 9.92517 10.5865 9.92517C8.767 9.92517 7.10667 8.14202 6.94746 5.95526C6.78204 3.68083 8.39482 1.98535 10.5865 1.98535C12.7783 1.98535 14.3911 3.72219 14.2256 5.95526Z' fill='%23FFF000' stroke='black' stroke-width='1.32329' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5865 12.5713C6.9888 12.5713 3.33731 14.5562 2.66159 18.3028C2.58013 18.7544 2.83569 19.1878 3.30836 19.1878H17.8647C18.3378 19.1878 18.5934 18.7544 18.5119 18.3028C17.8358 14.5562 14.1843 12.5713 10.5865 12.5713Z' fill='%23FFF000' stroke='black' stroke-width='1.32329' stroke-miterlimit='10'/%3E%3C/svg%3E");}


    .elementor-card-duree::before {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.203 3.30859H3.96994C2.87368 3.30859 1.98499 4.19729 1.98499 5.29355V17.2033C1.98499 18.2995 2.87368 19.1882 3.96994 19.1882H17.203C18.2993 19.1882 19.188 18.2995 19.188 17.2033V5.29355C19.188 4.19729 18.2993 3.30859 17.203 3.30859Z' fill='%23FFF000' stroke='black' stroke-width='1.32329' stroke-linejoin='round'/%3E%3Cpath d='M12.2406 10.5865C12.7888 10.5865 13.2331 10.1422 13.2331 9.59404C13.2331 9.04591 12.7888 8.60156 12.2406 8.60156C11.6925 8.60156 11.2482 9.04591 11.2482 9.59404C11.2482 10.1422 11.6925 10.5865 12.2406 10.5865Z' fill='black'/%3E%3Cpath d='M15.5489 10.5865C16.097 10.5865 16.5414 10.1422 16.5414 9.59404C16.5414 9.04591 16.097 8.60156 15.5489 8.60156C15.0007 8.60156 14.5564 9.04591 14.5564 9.59404C14.5564 10.1422 15.0007 10.5865 15.5489 10.5865Z' fill='black'/%3E%3Cpath d='M12.2406 13.8951C12.7888 13.8951 13.2331 13.4508 13.2331 12.9026C13.2331 12.3545 12.7888 11.9102 12.2406 11.9102C11.6925 11.9102 11.2482 12.3545 11.2482 12.9026C11.2482 13.4508 11.6925 13.8951 12.2406 13.8951Z' fill='black'/%3E%3Cpath d='M15.5489 13.8951C16.097 13.8951 16.5414 13.4508 16.5414 12.9026C16.5414 12.3545 16.097 11.9102 15.5489 11.9102C15.0007 11.9102 14.5564 12.3545 14.5564 12.9026C14.5564 13.4508 15.0007 13.8951 15.5489 13.8951Z' fill='black'/%3E%3Cpath d='M5.62407 13.8951C6.1722 13.8951 6.61655 13.4508 6.61655 12.9026C6.61655 12.3545 6.1722 11.9102 5.62407 11.9102C5.07594 11.9102 4.63159 12.3545 4.63159 12.9026C4.63159 13.4508 5.07594 13.8951 5.62407 13.8951Z' fill='black'/%3E%3Cpath d='M8.9323 13.8951C9.48043 13.8951 9.92478 13.4508 9.92478 12.9026C9.92478 12.3545 9.48043 11.9102 8.9323 11.9102C8.38417 11.9102 7.93982 12.3545 7.93982 12.9026C7.93982 13.4508 8.38417 13.8951 8.9323 13.8951Z' fill='black'/%3E%3Cpath d='M5.62407 17.2027C6.1722 17.2027 6.61655 16.7584 6.61655 16.2103C6.61655 15.6621 6.1722 15.2178 5.62407 15.2178C5.07594 15.2178 4.63159 15.6621 4.63159 16.2103C4.63159 16.7584 5.07594 17.2027 5.62407 17.2027Z' fill='black'/%3E%3Cpath d='M8.9323 17.2027C9.48043 17.2027 9.92478 16.7584 9.92478 16.2103C9.92478 15.6621 9.48043 15.2178 8.9323 15.2178C8.38417 15.2178 7.93982 15.6621 7.93982 16.2103C7.93982 16.7584 8.38417 17.2027 8.9323 17.2027Z' fill='black'/%3E%3Cpath d='M12.2406 17.2027C12.7888 17.2027 13.2331 16.7584 13.2331 16.2103C13.2331 15.6621 12.7888 15.2178 12.2406 15.2178C11.6925 15.2178 11.2482 15.6621 11.2482 16.2103C11.2482 16.7584 11.6925 17.2027 12.2406 17.2027Z' fill='black'/%3E%3Cpath d='M5.29321 1.98535V3.30865M15.8797 1.98535V3.30865' stroke='black' stroke-width='1.32329' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.188 6.61621H1.98499' stroke='black' stroke-width='1.32329' stroke-linejoin='round'/%3E%3C/svg%3E");    }

    .elementor-card-format::before {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5863 1.98535C7.29876 1.98535 4.63147 4.52403 4.63147 7.65074C4.63147 11.2485 8.60139 16.9498 10.0591 18.9191C10.1196 19.0022 10.1989 19.0699 10.2905 19.1165C10.3822 19.1631 10.4835 19.1874 10.5863 19.1874C10.6892 19.1874 10.7905 19.1631 10.8822 19.1165C10.9738 19.0699 11.0531 19.0022 11.1136 18.9191C12.5713 16.9507 16.5412 11.2514 16.5412 7.65074C16.5412 4.52403 13.8739 1.98535 10.5863 1.98535Z' fill='%23FFF000' stroke='black' stroke-width='1.32329' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5864 9.92499C11.6827 9.92499 12.5714 9.03629 12.5714 7.94003C12.5714 6.84377 11.6827 5.95508 10.5864 5.95508C9.49014 5.95508 8.60144 6.84377 8.60144 7.94003C8.60144 9.03629 9.49014 9.92499 10.5864 9.92499Z' fill='white' stroke='black' stroke-width='1.32329' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

    .elementor-card-link {
        display: block;
        margin: 0 auto 10px auto;
        width: max-content;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        padding: 10px 20px;
        background-color: #FFF000;
        border-radius: 6px;

        &:visited {
            color: #000;
        }

        &:hover {
            box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.10);
            color: #000;
        }
    }

.custom-checkbox {
    position: relative;
    padding-left: 35px; /* espace pour l'icone de la checkbox */
    cursor: pointer;
    display: flex;
}

.custom-checkbox input[type="checkbox"] {
    visibility: hidden; /* masque la checkbox par défaut */
}

.custom-checkbox label {
    position: absolute;
    left: 0;
    top: 12px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    z-index: -1;

}

.custom-checkbox input[type="checkbox"]:checked + label {
    background-color: #00CEC1; /* couleur de fond lorsqu'elle est cochée */
    box-shadow: inset 0 0 0 2px #fff;
    border-radius: 4px;
}

.custom-checkbox label:after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L4.6 10.6L1 7' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");;
    position: absolute;
    top: -5px;
    left: 5px;
    font-size: 20px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s; /* animation pour la coche */
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
    visibility: visible;
    opacity: 1;
}

#year {
    font-size: 2rem;
    font-weight: 600;
}

.date-filter-container {
    .year-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .year-nav button {
        position: relative;
        border:none;
        background-color: transparent;

        &::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            background-position: center;
            z-index: 1;
        }

        &#prev-year {
            &::before {
                background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' transform='rotate(-180 10.5 10.5)' fill='%2300CEC1'/%3E%3Cpath d='M10.2577 13.3867L7.35002 10.479L10.2577 7.57133M7.75387 10.479H13.65' stroke='%2322272F' stroke-width='1.29231' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }
        }

        &#next-year {
            &::before {
                background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%2300CEC1'/%3E%3Cpath d='M10.7423 7.61328L13.65 10.521L10.7423 13.4287M13.2461 10.521H7.34998' stroke='%2322272F' stroke-width='1.29231' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }
        }
    }

    .date-filter {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1rem;
        margin-bottom: 1rem;

        @media (max-width: 767px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (max-width: 575px) {
            grid-template-columns: 1fr!important;
        }

        .month-button {
            padding: 9px 14px;
            border: 1px solid #000;
            border-radius: 8px;
            text-align: center;

            &.selected {
                background-color: #00CEC1;
                box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.10);
            }
        }

    }
}

.elementor-infos-container > div {
    margin-bottom: 5px;
}

.reset-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 8px;
    background-color: #FFF000;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
}

.selected-filters-container {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.selected-filters-container .selected-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.selected-filters-container .selected-filter .remove-filter {
    margin-left: 15px;
    font-size: 24px;
}

.no-results-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;

    .separator {
        position: relative;
        margin-bottom: 150px;

        &::before {
            content: "";
            display: block;
            width: 100vw;
            height: 160px;
            background-image: url("data:image/svg+xml,%3Csvg width='1440' height='109' viewBox='0 0 1440 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-45.2338 45.371C634.853 190.284 874.218 -87.4674 1466.99 48.3819' stroke='%23FFF000' stroke-width='3.76362'/%3E%3Cpath d='M-36.2814 72.8493C-135.645 139.84 487.24 -3.12881 728.485 64.9426C969.73 133.014 1252.38 -31.4554 1486.85 31.0211' stroke='%2382FFFF' stroke-width='3.76362'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin-bottom: 50px;
            position: absolute;
            top: -70px;
            left: 50%;
            transform: translateX(-50%);
        }
    }

    .no-results-text {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
    }

    .no-post-reset {
        border: none;
        background-color: transparent;
        text-decoration: underline;
        font-size: 24px;
        position: relative;
        padding-top: 75px;

        &:hover {
            cursor: pointer;
        }

        &::before {
            content: '';
            display: block;
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 60px;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='61' viewBox='0 0 60 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.5 18.0137C37.5 18.0137 40.3547 16.6074 30 16.6074C26.2916 16.6074 22.6665 17.7071 19.5831 19.7674C16.4996 21.8276 14.0964 24.756 12.6773 28.1821C11.2581 31.6082 10.8868 35.3782 11.6103 39.0154C12.3338 42.6525 14.1195 45.9934 16.7418 48.6157C19.364 51.2379 22.7049 53.0237 26.3421 53.7471C29.9792 54.4706 33.7492 54.0993 37.1753 52.6802C40.6014 51.261 43.5298 48.8578 45.5901 45.7744C47.6503 42.6909 48.75 39.0658 48.75 35.3574' stroke='black' stroke-width='3.75' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M30 7.70117L39.375 17.0762L30 26.4512' stroke='black' stroke-width='3.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    }
}

.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagination-container .page-button {
    margin: 0 5px;
    padding: 5px;
    border-radius: 50%;
    background-color: transparent;
    color: #2A2A2A;
    cursor: pointer;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-container .page-button.active {
    background-color: #2A2A2A;
    color: white;
}