/* AFFICHAGE DYNAMIQUE DES CATEGORIES EN HOME PAGE */
.adhc_container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* .adhc_item_outter {
  width: 32%;
  padding:30px 0px;
} */
.adhc_item_outter {
  display: flex;
  width: 31%;
  padding:10px 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}


.adhc_item_inner {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.2s 
ease;
    border: 3px solid;
    /* border-radius: 20px; */
    border-radius: 100px;
    border-color: #80b92a;
    /* background-color: #80b92a; */
    /* padding: 10px 10px; */
    padding: 10px 17px;
    flex-direction: row;
    width: 100%;
}
/* TEST DEBUT MODIF */




/* .adhc_item_inner:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 4px white inset, 0 4px 8px rgba(0,0,0,0.1);
}

.adhc_check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 15px;
  border-radius: 50%;
  
  background-color: transparent;
}

.adhc_check svg {
  width: 38px;
  height: 38px;
  color: currentColor;
}

.adhc_categorie_name {
  font-weight: 600;
  font-size: 16px;
  color: inherit;
}

.adhc_categorie_name a {
  text-decoration: none;
  color: inherit;
}

.adhc_item_inner:hover .adhc_categorie_name a {
  text-decoration: underline;
} */


/* TEST FIN MODIF */

.adhc_item_inner:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

.adhc_check {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.adhc_check img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.2s ease-in-out;
}
.adhc_check svg {
  transition: all 0.5s ease;
}
.adhc_categorie_name {
  font-size: 21px;
  line-height: 1.3em;
  font-weight: 400;

}

@media (max-width: 1000px) {
.adhc_categorie_name {
     font-size: 20px;
  }
}

.adhc_categorie_name a {
  /* color: #010C42; */
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.adhc_categorie_name a:hover {
  /* color: #004A99; */
  text-decoration: none;
}



.arx-content-meta-layout-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    flex-direction: row;
}

.arx-content-meta-layout-row .arx-content-main {
    flex: 1 1 auto;
}

.arx-content-meta-layout-row .arx-content-meta {
    flex: 0 0 260px;
}

.arx-content-meta-layout-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.arx-content-meta-layout-column .arx-content-main,
.arx-content-meta-layout-column .arx-content-meta {
    width: 100%;
}

@media (max-width: 980px) {
    .arx-content-meta-layout-row {
        flex-direction: column;
    }

    .arx-content-meta-layout-row .arx-content-meta {
        flex: 1 1 auto;
        width: 100%;
    }
}


.arx_custom_filter_button_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 35px;
  width: 100%;
  height: auto;
}

.container_searchbar_and_meta_filters {
  display: flex;
  gap: 80px;
  align-items: center;
}
.arx_filter_button {
  display: flex;
  padding: 0px;
  border-radius: 999px;
  border: none;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  font-size: 15px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.arx_filter_button_term {
  padding: 22px 30px;
  border-radius: 999px;
  border: none;
  font-weight: bold;
  color: #000;
  font-weight: 700;
  cursor: pointer;
  font-size: 18px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.arx_filter_button:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

.arx_filter_button.active {
    border: 2px solid #000000;
}

.arx_filter_button_term:hover {
  transform: scale(1.05);
  opacity: 0.9;
}
.arx_filter_button_term.dark {
    color: #ffffff;
}

.arx_filter_button_term.active {
  box-shadow: 0 0 0 3px #ccc;
  transform: scale(1.05);
}

.arx_searchbar_wrapper {
  display:flex;
  align-items:center;
  gap:16px;
}

.arx_searchbar_wrapper>div {
  position:relative;
  display:flex;
  align-items:center;
}

#arx_searchbar_btn {
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
}

.arx_searchbar_wrapper input[type="text"] {
  outline: none;
  transition: border-color 0.2s ease;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 13px 28px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.20);
  background: #FFF;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.arx_searchbar_wrapper input[type="text"]:focus {
  border-color: #3498db;
}


.arx_meta_filters_wrapper label {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}

.arx_meta_filter_checkbox {
  accent-color: #666;
  cursor: pointer;
}

#arx_formations_reset_filters {
  background: #ccc;
  border: none;
  padding: 8px 14px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
}

#arx_formations_reset_filters:hover {
  background-color: #bbb;
}

/* Affichage des formations (MEMO AJOUTER LES COULEURS CÔTE SHORTCODE SI BESOIN DE CUSTOM)*/ 
#arx_formations_ajax_content .arx_cat_title {
/* color: #010C42; */
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 1.2em;
letter-spacing: 1px;
}
.arx_category_separator {
    width: 100%;
    height: 1px;
    background: rgba(1, 12, 66, 0.14);
    margin: 25px 0 35px;
}

.arx-formation-tile--clickable {
  cursor: pointer;
}

.arx-formation-tile--clickable:focus-visible {
  outline: 2px solid #004A99;
  outline-offset: 2px;
}

.arx-formations-pdf-list {
  margin-top: 30px;
}

.arx-formations-pdf-empty {
  margin: 1.5em 0;
  font-size: 1.125rem;
}

/* Toolbar mockup (search + category pills) */
.arx-formations-toolbar {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(1, 12, 66, 0.08);
  padding: 28px 32px 24px;
  margin-bottom: 32px;
}

.arx-formations-toolbar__search-label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.arx-formations-toolbar__search-field {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid rgba(1, 12, 66, 0.2);
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px;
}

.arx-formations-search-input {
  flex: 1;
  border: 0;
  padding: 14px 20px;
  font-size: 1rem;
  color: #010c42;
  min-width: 0;
}

.arx-formations-search-input:focus {
  outline: none;
}

.arx-formations-search-submit {
  border: 0;
  background: transparent;
  padding: 0 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.arx-formations-toolbar__filters-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.arx-formations-filter-pill {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #ffffff;
  color: #000;
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.arx-formations-filter-pill__label.dark {
  color: #fff;
}

.arx-formations-filter-pill.is-active,
.arx-formations-filter-pill.active {
  border: 2px solid #000;
}

.arx-formations-filter-pill--all.is-active,
.arx-formations-filter-pill--all.active {
  background: #000;
  border-color: #000;
  color: #fff;
}

.arx-formations-filter-pill--all.is-active .arx-formations-filter-pill__label,
.arx-formations-filter-pill--all.active .arx-formations-filter-pill__label {
  color: #fff;
}

.arx-formations-filter-pill--legacy {
  padding: 0;
  background: transparent;
}

.arx-formations-filter-pill--legacy .arx_filter_button_term {
  background: transparent;
}

.arx-formations-filter-pill:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.arx-formations-toolbar__meta {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.arx-formations-reset-filters {
  margin-top: 12px;
  background: #ccc;
  border: none;
  padding: 8px 14px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
}

.arx-formations-reset-filters:hover {
  background: #bbb;
}

/* PDF plaquette grid */
.arx-formations-pdf-list .arx-formations-pdf-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 24px;
  width: 100%;
}

@media (max-width: 768px) {
  .arx-formations-pdf-list .arx-formations-pdf-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
  }

  .arx-formations-toolbar {
    padding: 20px 18px 18px;
  }
}

.arx-formations-pdf-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px;
  transition: box-shadow 0.2s ease;
}

.arx-formations-pdf-tile:hover {
  box-shadow: 0 8px 24px rgba(1, 12, 66, 0.1);
}

.arx-formations-pdf-tile__figure {
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f4f6fa;
}

.arx-formations-pdf-tile__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.arx-formations-pdf-tile__thumb-link {
  display: block;
  text-decoration: none;
}

.arx-formations-pdf-tile__title {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #000;
}

.arx-formations-pdf-list .single_formation {
  display: none;
}

.single_formation {
  position: relative;
}

.single_formation.has-pdf-download {
  padding-bottom: 90px;
}

.single_formation .arx-formation-card-actions {
  position: absolute;
  right: 0px;
  bottom: 90px;
  display: flex;
  justify-content: flex-end;
}

.single_formation .arx-formation-pdf-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

@media (max-width: 776px) {
  .single_formation.has-pdf-download {
    padding-bottom: 95px;
  }

  .single_formation .arx-formation-card-actions {
    right: 30px;
    bottom: 30px;
    left: 30px;
  }

  .single_formation .arx-formation-pdf-download {
    width: 100%;
  }
}

.arx_cat_title + a .single_formation,
.arx_cat_title + .single_formation {
    margin-top: 0;
}
.class_arx_formations_ajax_content {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  /* gap: 40px; */
  padding-bottom: 123px;
}
.single_formation {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  /* align-items: flex-start; */
  gap: 20px;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.single_formation:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .single_formation:hover {
    transform: none;
  }
}
.arx_single_formation_thumbnail {
  display: block;
  width: 273px;
  height: 243px;
  flex-shrink: 0;
  aspect-ratio: 91 / 81;
  border-radius: 30px;
  object-fit: cover;
}
.single_formation .left {
    flex: 0 1 auto;
    margin-right: 20px;
}
.single_formation .middle {
  padding-top:30px;
  flex: 1 1 50%;
  display: flex;
  position: relative;
}
.single_formation .arx_meta_etiquettes_container {
  /* margin-top: auto; pousse l'étiquette en bas */
  margin-top: 30px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.single_formation .arx_meta_etiquette {
  /* background: #010C42; */
  border-radius: 10px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 8px 12px;
}
.single_formation .arx_meta_etiquette::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url('../img/before_icon_default.svg') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
.single_formation .right {
  flex: 1 1 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.single_formation .title_formation {
  /* color: #002851; */
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

.single_formation .title_formation a{
  /* color: #002851; */
  font-size: 25px;
  font-style: normal;
  color: #000000 !important;
  font-weight: 900;
  line-height: 30px;
}
.single_formation .title_formation a:hover{
  text-decoration: underline;
}
.single_formation p {
  /* color: #292930; */
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px; /* 135% */
  letter-spacing: 1px;
}

.single_formation button {
  /* background-color: #3498db; */
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s ease;
}

.single_formation button:hover {
  background-color: #2980b9;
}

  /* Bloc méta prochaine session dans les cartes formations */
  .single_formation .arx-content-meta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .single_formation .container_prochaine_date--split {
    padding-top: 20px;
    display: flex;
    max-width: 600px;
    /* font-family: Arial, sans-serif; */
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 18px;
    min-width: 230px;
  }

  .single_formation .container_prochaine_date__header {
    min-width: 170px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 18px;
    /* color: #001933; */
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

  }
  .container_prochaine_date__header::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px; /* épaisseur de la ligne */
    background-color: #36A3E0;
    margin-top: 23px; /* espace au-dessus de la ligne */
}

  .single_formation .container_prochaine_date__content {
    display: flex;
    align-items: center;
  }

  .single_formation .container_prochaine_date__avatar {
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
  }
  .single_formation .container_prochaine_date__avatar img {
    width: 80px;
    min-width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
  }

  .single_formation .container_prochaine_date__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .single_formation .container_prochaine_date__date {
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 75px;
    /* color: #004A99; */
        height: 72px;
  }

  .single_formation .container_prochaine_date__date span {
    font-size: 30px;
    font-weight: 600;
  }

  .single_formation .container_prochaine_date__duration {
    /* color: #004A99; */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 8px;
  }

  .single_formation .container_prochaine_date__presenter {
    /* color: #001933; */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
  }


  /*DEBUT CSS SWITCH ON CHECKBOX*/
  .arx_meta_filter_group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
  .arx_meta_filter_group .arx_switch {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 30px;
  }

  .arx_meta_filter_group .arx_switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .arx_meta_filter_group .arx_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    transition: 0.4s;
    border-radius: 30px;
  }

  .arx_meta_filter_group .arx_slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px; /* 👈 inverse le point de départ */
    top: 4px;
    /* background-color: #010C42; */
    opacity: 0.5;
    transition: 0.4s;
    border-radius: 50%;
  }

  .arx_meta_filter_group .arx_switch input:checked + .arx_slider {
    /* background-color: #010c42; */
  }

  .arx_meta_filter_group .arx_switch input:checked + .arx_slider:before {
    transform: translateX(42px);
    background: #ffffff;
  }  
  
  .arx_meta_filter_group .meta_label {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 115.789% */
    letter-spacing: 1px;
    /* color: #010C42; */
  }

  /* Fin CSS SWITCH ON CHECKBOX */

/* CSS pour un single formation */
.arx_container_flex_meta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 18px;
}

@media (max-width: 1000px) {
  .arx_container_flex_meta {
    flex-direction: column;
    align-items: flex-start;
  }
  
}
.arx_container_flex_meta .content_1 {
  flex: 0 0 39px;
  display: flex;
}
.arx_container_flex_meta .content_2 {
  display: flex;
  flex: 1 1 55%;
  
}
.arx_container_flex_meta .content_3 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  border-radius: 10px;
  /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  overflow: hidden;
  min-width: 200px;
  min-height: 70px;

}
.meta-thumbnail {
    max-width: 500px;
    max-height: 450px;
}
.meta-thumbnail .arx_before_color {
  position: absolute;
  top: calc(25px + 10%);
  left: -25px;
  border-radius: 10px;
  width: 12px;
  height: 90%;
  width: 100%;
  content: "";
  display: block;
  z-index: 1;
}
.meta-thumbnail img {
  position: relative;
  max-width: 500px;
  max-height: 450px;
  object-fit: contain;
  z-index: 2;
  border-radius: 10px;
  border: 0px solid #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.arx_container_flex_meta .content_3 img {
  object-fit: contain;
}

.arx_anchor_nav {
  display: flex;
  padding: 0px 0px;
  gap: 45px;
  overflow-x: auto;
}

.arx_anchor_nav a {
  text-decoration: none;
  position: relative;
  font-weight: 400;
  transition: 0.3s;
  transition: font-weight 0.3s, color 0.3s;
  white-space: nowrap;
  padding: 25px 0px;
  -webkit-text-stroke: 2px transparent;
}

.arx_anchor_nav a::after{
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 6px;
  width: 100%;
  transition: 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0)
}

.arx_anchor_nav a.active,
.arx_anchor_nav a:hover {
    -webkit-text-stroke: 1px
}

.arx_anchor_nav a.active::after,
.arx_anchor_nav a:hover::after {
    /* background: #C1F600; */
}

/**
 * CSS pour la formation card dans le single formation
 */
/* Conteneur principal */
.arx-formation-card {
  position: relative;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: #F3F8FB;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}

/* Header formateur */
.arx-formation-card li {
  margin-bottom: 0px !important;
}
.arx-formation-card .arx-formation-header {
  display: flex;
  align-items: center;
  padding: 16px 45px;
  justify-content: space-between;
}
.arx-formation-card .left {
  display: flex;
  width: 70%;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  gap: 20px;
}
.arx-formation-card .right {
  display: flex;
  align-items: center;
}

.arx-formation-card .arx-formation-trainer-info {
  display: flex;
  flex-direction: column;
}
.arx-formation-card .arx-formation-trainer-picture {
  width: 86px;
  height: 86px;
  border-radius: 50%;
}
.arx-formation-card .arx-formation-trainer-picture img {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  object-fit: cover;
}

.arx-formation-card .arx-formation-trainer-info {
  padding-bottom: 10px;
}

.arx-formation-card .arx-formation-trainer-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 110% */
  padding-bottom: 0px;
}

.arx-formation-card .arx-formation-trainer-info span {
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 153.846% */
}

/* Bloc informations */
.container-block-informations {
  margin-bottom: 4.758%;
}
.container-block-informations .container_title_block {
    display: flex;
    gap: 15px;
    margin-bottom: 25px !important;
}
.container-block-informations .separator  {
  margin: 53px 0px 30px;
  position: relative;
  box-sizing: content-box;
  height: 2px;
  background-color: #cccccc;

}

.container-block-informations .meta-default.url {
  margin-top:15px;
}
.container-block-informations .meta-default.url a{
  text-decoration: underline;
}


/* Liste des points clés */
.arx-formation-card .arx-formation-key-points {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0px 45px;
}

.arx-formation-card .arx-formation-key-points .arx-key-point {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  gap: 20px;
  flex-wrap: wrap;
}
.arx-formation-card .arx-formation-key-points .arx-key-point .label {
  position: relative;
  width: 80%;
}
.arx-formation-card .slick-next {
    right: -20% !important;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.arx-formation-card .slick-prev {
    left: -10% !important;
    display: none !important;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.arx-formation-card .slick-prev:before,
.arx-formation-card .slick-next:before {
  content: none !important;
}
/* 2) On force la piste en flex + gap */
.arx-formation-card .slick-track {
  display: flex !important;
  /* gap: 16px;           <- ton espacement souhaité */
}
/* 3) Chaque slide est un flex-item qui prend 100% */
.arx-formation-card .slick-slide {
/* width: calc( (115% - 2 * 16px) / 3 ) !important; */
min-width: 200px !important;
flex: 1 1 auto;
  /* Slick va lui injecter un flex-basis = 33.333% si slidesToShow:3 */
}
/* 4) Ton contenu à l’intérieur */
.arx-formation-card .slide-item {
  flex: 1;             /* remplit tout l’espace disponible */
  padding-right: 15px;
  text-align: left;
}
.arx-formation-card .arx-formation-key-points .arx-key-point.indicateurs {
  align-items: start;
}
.arx-formation-card .arx-formation-key-points .arx-key-point:first-child {
  padding-top: 0px;
}

.arx-formation-card .arx-formation-key-points .arx-key-point:last-child {
  border-bottom: none;
}

.arx-formation-card .etoiles {
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.arx-formation-card .star {
  width: 16px;
  height: 16px;
  display: flex;
  background-color: #ECEFF1; /* couleur pour étoile vide */
  clip-path: polygon(
    50% 0%, 61% 35%, 98% 35%, 
    68% 57%, 79% 91%, 50% 70%, 
    21% 91%, 32% 57%, 2% 35%, 
    39% 35%
  );
  position: relative;
  margin-right: 0px;

}

/* Pleine étoile */
.arx-formation-card  .star.full {
  background-color: #000000;
}

/* Étoile à moitié remplie */
.arx-formation-card  .star.half::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color:#000000;
  clip-path: inherit;
  z-index: 2;
}

.arx-formation-card .note  {
  display: flex;
  font-size: 20px;
  font-style: normal;
  text-align: right;
  align-items: flex-end;
  flex-direction: column;
}
.arx-formation-card .note span{
  font-weight: 600;
  line-height: 35px; /* 175% */ 
}
.arx-formation-card .arx-key-point.indicateurs .container_indicateurs{
  flex: 1 1 auto;
}


/* Icônes (à remplacer par tes SVG / font-icons) */
.arx-formation-card .arx-key-point .icon {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
}

/* Spécial « Prochains démarrages » */
.arx-formation-card .arx-key-point .label strong {
  display: block;
  margin-bottom: 4px;
}

/* Spécial indicateurs */
.arx-formation-card .arx-indicators .indicator-title {
  display: block;
  margin-bottom: 6px;
}
.arx-formation-card .arx-indicators .indicator-stats {
  display: flex;
  justify-content: space-between;
}
.arx-formation-card .arx-indicators .indicator-stats span {
  display: block;
}
.arx-formation-card .arx-indicators .satisfaction {
  text-align: right;
  white-space: nowrap;
}

/* Bouton d'inscription */
.arx-formation-card .arx-formation-cta {
  display: flex;
  gap: 15px;
  padding: 16px;
}

.arx-formation-card .indicator-title {
  font-weight: 700;
  margin-bottom: 16px;
}
.arx-formation-card .indicator-stats {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 6px;
}
.arx-formation-card .indicator-stats .indicator-item{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 50%;
  gap: 6px;
}

@media (max-width: 1000px) {
.arx-formation-card .indicator-stats {
flex-direction:column !important;
}
.arx-formation-card .indicator-stats div {
  text-align:left !important;
}
.arx-formation-card .note {
  align-items: flex-start;
}
}
.arx-formation-card .arx-formation-cta .arx-btn-register,
.arx-formation-card .arx-formation-cta .arx-btn-download-pdf {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 0;
  /* background: #004a99;
  color: #ffffff; */
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
  transition: background 0.3s;
}
.arx-formation-card .arx-upcoming-sessions {
  position: relative;
  /* display: flex; */
}

/* =============== BARRE DES MOIS =============== */
.arx_filter_months_wrapper {
  position: relative;
}
.arx_filter_months{
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 14px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.20);
  border-radius: 30px;
  overflow-x: auto;
  gap: 10px;
  width: 100%;
  padding: 10px 20px;
  margin: 35px 0px;

  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
.container_months_list {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
/* icône calendrier (FontAwesome ou code SVG) */
.arx_filter_months svg{
    flex-shrink:0;
    width:50px;                 /* ajuste si nécessaire */
    height:50px;
    margin-right:6px;
}

/* --- liste horizontale --- */
.arx_filter_months ul{
  list-style-type: none !important;
  display:flex;
  align-items:center;
  gap:70px;                        /* espace entre mois */
  padding: 15px !important;
  line-height: 1.2em !important;
  list-style:none;
  margin:0; padding:0;
  width: 100%;
}
.arx_filter_months li{
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  font-size: 25px;
  line-height: 1.2em;
  color: #000000;
}
.arx_filter_months li:not(:last-child)::after{ /* séparateur vertical */
    content:"";
    position:absolute;
    right:-35px; top:50%;
    width:2px; height:.8em;
    background:rgba(0, 25, 51, 0.54);
    transform:translateY(-50%);
}
.arx_filter_months li span{
    pointer-events:none;             /* texte non cliquable, garde l’évènement sur <li> */
    color: rgba(0, 25, 51, 0.54);

}

/* --- états --- */
.arx_filter_months li.active span{
    font-weight:700;
    opacity: 1;
    color:#000000;
}
.arx_filter_months li.disabled span{
    pointer-events:none;
    opacity:.35;
    cursor:default;
}
.arx_filter_months li:not(.disabled):hover span{
    color:#000000;
}

/* scrollbar discrète sur mobile */
.arx_filter_months::-webkit-scrollbar{
    height:4px;
}
.arx_filter_months::-webkit-scrollbar-thumb{
    background:#c4c9db;
    border-radius:2px;
}

/* Affichage des SESSIONS de formations */
.single_session_formation {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /* align-items: flex-start; */
  gap: 20px;
  padding: 35px 65px 35px 30px;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.20);

  background: #FFF;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s ease, opacity 0.2s ease;
  flex-direction: column;
  height:auto;                    /* même hauteur dans ta grille */
    box-sizing:border-box;
}
/* bloc date (haut de carte) — ne grandit pas */
.container_date{
    flex-shrink:0;
}
/* 2. Le bloc “content” devient un flex-column qui s’étire */
.arx_session_formation_title{
    flex:1;                    /* occupe tout l’espace vertical restant */
    display:flex;
    flex-direction:column;
}
.arx_session_formation_content{
    flex:1;                    /* occupe tout l’espace vertical restant */
    display:flex;
    flex-direction:column;
    min-height: 108px;
}

/* 3. Le titre s’étire — même hauteur sur toutes les cartes */
.title_formation{
    /* flex:1;                    
    /* line-height:1.25;          garde un rendu compact */
}

.single_session_formation:hover {
  transform: scale(1.05);
}
.single_session_formation .arx_meta_etiquettes_container {
  margin-top: auto; /* pousse l'étiquette en bas */
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.single_session_formation .arx_meta_etiquette {
  /* background: #010C42; */
  border-radius: 10px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 8px 12px;
}
.single_session_formation .arx_meta_etiquette::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url('../img/before_icon_default.svg') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}

.single_session_formation .title_formation {
  /* color: #002851; */
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.single_session_formation p {
  /* color: #292930; */
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px; /* 135% */
  letter-spacing: 1px;
}

  .single_session_formation .container_date {
    display: flex;
    max-width: 600px;
    /* font-family: Arial, sans-serif; */
    flex-direction: column;
    align-items: flex-end;
    min-width: 230px;
    min-height: 93px;
  }

  .single_session_formation .container_date__content {
    display: flex;
    align-items: center;
  }

   .single_session_formation .container_prochaine_date__avatar {
    min-width: 80px;
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
  }
  .single_session_formation .container_prochaine_date__avatar img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
  } 

  .single_session_formation .container_date__info {
    margin-left: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .single_session_formation .container_date__date {
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 1em;
    /* color: #004A99; */
  }

  .single_session_formation .container_date__date span {
    font-size: 30px;
    font-weight: 600;
  }

  .single_session_formation .container_date__duration {
    /* color: #004A99; */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 8px;
  }

  .single_session_formation .container_date__presenter {
    /* color: #001933; */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */
  }
  .single_session_formation .arx_session_formation_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    gap: 15px;
  }
  .single_session_formation .arx_session_formation_footer>div {
    flex: 1 1 50%;
  }
  .single_session_formation .arx_session_formation_footer .left {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .single_session_formation .arx_session_formation_footer .right {
    display: flex;
    justify-content: flex-end;
  }
  .single_session_formation .container_prochaine_date__presenter {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .single_session_formation .right a {
    /* color: var( #004A99); */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 100% */
  }


  /* #FORMATION  - HOME PAGE : AFFICHAGE DES PROCHAINES DATES */
/* .adhpd_item_outter {
padding:20px;
} */
/* CONTENU INTERNE : full height pour répartir verticalement */
.adhpd_item_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.02);
  padding: 30px;
}


.adhpd_item_inner .etoiles {
    text-align: right;
}
.adhpd_item_inner .star {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #ECEFF1; /* couleur pour étoile vide */
  clip-path: polygon(
    50% 0%, 61% 35%, 98% 35%, 
    68% 57%, 79% 91%, 50% 70%, 
    21% 91%, 32% 57%, 2% 35%, 
    39% 35%
  );
  position: relative;
  margin-right: 0px;

}

/* Pleine étoile */
.adhpd_item_inner  .star.full {
  /* background-color: #004A99; */
}

/* Étoile à moitié remplie */
.adhpd_item_inner  .star.half::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  /* background-color:#004A99; */
  clip-path: inherit;
  z-index: 2;
}

.adhpd_item_inner .note {
   /* color: #002851; */
/* font-family: Sora; */
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 35px; /* 175% */ 
text-align: right;
}
.adhpd_item_inner .categorie {
/* color: #001933; */
color: #000000;
/* font-family: Lato; */
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 122.222% */
}

.adhpd_item_inner .separateur {
    width: 52px;
height: 1px;
/* background: #36A3E0; */
margin:20px 0px;
}

.adhpd_item_inner .titre a {
    color: #000000;
    /* color: #002851; */
/* font-family: Sora; */
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 35px; /* 140% */

}
.adhpd_item_inner .titre {
width:75%;
}

.adhpd_item_inner  .container_infos {
    display:flex;
    padding-top:20px;
    justify-content: space-between;
}

.adhpd_item_inner  .container_note {
    min-height:65px;
}
.adhpd_item_inner  .formateur_image {
    margin-right:20px;
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
}
.adhpd_item_inner  .formateur_image img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.adhpd_item_inner .infos {
     text-align: right;   
}

.adhpd_item_inner .infos  .date{
    /* color: var(--Bleu-BGE, #004A99); */
    text-align: right;
    /* font-family: Sora; */
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px; /* 100% */
}

.adhpd_item_inner .infos .formateur {
    /* color: #001933; */
    text-align: right;
    /* font-family: Lato; */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 122.222% */    
}

/* CONTENEUR : une seule ligne, scroll horizontal si besoin */
.adhpd_container {
      display: flex;
    flex-direction: row;

}

/* CHAQUE ITEM : largeur fixe (ou %), pas de flex-grow */
.adhpd_item_outter {
  padding:20px;

}

/** DEBUT arx tooltip infobulle  */
.arx-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}

.arx-tooltip i {
  font-style: normal;
  font-weight: bold;
  /* background: #a02a35; */
  color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  display: inline-block;
}

/* Infobulle portée globalement dans <body> (évite l'overflow hidden de Slick) */
#arx-global-tooltip{
  position: absolute;
  z-index: 99999;
  width: max-content;
  max-width: 260px;
  background: #333;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  pointer-events: none;      /* pas d'interaction directe */
  opacity: 0;
  transition: opacity .15s ease;
}
#arx-global-tooltip.visible{ opacity: 1; }

/* Flèche (par défaut: tooltip au-dessus du trigger) */
#arx-global-tooltip::after{
  content:"";
  position:absolute;
  left:50%; transform:translateX(-50%);
  top:100%;
  border:6px solid transparent;
  border-top-color:#333;
}

/* Variante si on place le tooltip en-dessous (fallback auto JS) */
#arx-global-tooltip.bottom::after{
  top:auto;
  bottom:100%;
  border:6px solid transparent;
  border-bottom-color:#333;
}


/** RESPONSIVE
 */

@media (max-width:776px){
  .adhc_check {
    width: 30px;
    height: 30px;
  }
  
  .adhc_container {
    flex-direction: column;
  }
  .adts_container .slick-dots,
  .arx_hp_slick_points_forts .slick-dots,
  .adhpd_container .slick-dots {
    position: absolute;
    bottom: -134px;
  }
  .adhc_item_outter {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .adhc_item_outter .adhc_categorie_name{
    width: 220px;
    font-size:  17px;
  }
  .adhpd_item_inner .titre {
    width: 100%;
    a {
      font-size: 1.2em;
      line-height: 1em;
    }
  }
  .adhpd_item_inner .formateur_image {
    margin-right: 0px;
    max-width: 60px;
    max-height: 60px;
  }
  .adhpd_item_inner .formateur_image img {
    width: 60px;
    height: 60px;
  }
  .adhpd_item_inner .infos .date {
    font-size: 0.9em;
  }
  .container_searchbar_and_meta_filters {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: column;
  }
  .single_formation {
    flex-direction: column;
    padding: 20px;
  }
  .arx_single_formation_thumbnail {
    width: 100%;
  }
  .arx_custom_filter_button_inner {
    justify-content: center;
  }
  #arx_formations_ajax_content .arx_cat_title {
    font-size: 25px;
    line-height:28px;
    text-align: center;;
  }
}

/* ==========================================================
   ARX FORMATIONS - FILTRES RESPONSIVE TYPE SAFETY DAYS
   ========================================================== */

.arx_custom_filter_button_inner.arx-formations-filter-group,
.arx-formations-toolbar__filters.arx-formations-filter-group {
  align-items: center;
}

.arx-formations-filter-icon {
  appearance: none;
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  height: 30px;
  justify-content: center;
  margin-right: 0.5rem;
  padding: 0;
  width: 30px;
}

.arx-formations-filter-icon span {
  background: #111111;
  border-radius: 999px;
  display: block;
  height: 2px;
  position: relative;
  width: 26px;
}

.arx-formations-filter-icon span::after {
  background: #ffffff;
  border: 2px solid #111111;
  border-radius: 999px;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
}

.arx-formations-filter-icon span:nth-child(1)::after {
  left: 15px;
}

.arx-formations-filter-icon span:nth-child(2)::after {
  left: 4px;
}

.arx-formations-filter-icon span:nth-child(3)::after {
  left: 18px;
}

.arx-formations-selected-filters {
  align-items: center;
  background: #f6f6f6;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 999px;
  color: #111111;
  display: none;
  font-size: 0.82rem;
  gap: 0.35rem;
  line-height: 1.2;
  margin: 0;
  padding: 0.7rem 1rem !important;
}

.arx-formations-selected-filters strong {
  font-weight: 800;
}

/* Desktop : affiché uniquement si un filtre est actif */
.arx_custom_filter_button_inner.has-selected-filter .arx-formations-selected-filters,
.arx-formations-toolbar__filters.has-selected-filter .arx-formations-selected-filters {
  display: inline-flex;
}

@media (max-width: 776px) {
  .arx_custom_filter_button_inner.arx-formations-filter-group,
  .arx-formations-toolbar__filters.arx-formations-filter-group {
    align-items: center;
    justify-content: flex-start;
    gap: 0.7rem;
    margin-bottom: 35px;
  }

  .arx-formations-filter-icon {
    background: #f4f4f4;
    border: 1px solid rgba(17, 17, 17, 0.12);
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 auto;
    height: 46px;
    margin-right: 0;
    transition:
      background-color 0.2s ease,
      border-color 0.2s ease,
      box-shadow 0.2s ease,
      transform 0.2s ease;
    width: 46px;
  }

  .arx_custom_filter_button_inner.is-open .arx-formations-filter-icon,
  .arx-formations-toolbar__filters.is-open .arx-formations-filter-icon {
    background: #111111;
    border-color: #111111;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    transform: scale(1.04);
  }

  .arx_custom_filter_button_inner.is-open .arx-formations-filter-icon span,
  .arx-formations-toolbar__filters.is-open .arx-formations-filter-icon span {
    background: #ffffff;
  }

  .arx_custom_filter_button_inner.is-open .arx-formations-filter-icon span::after,
  .arx-formations-toolbar__filters.is-open .arx-formations-filter-icon span::after {
    background: #111111;
    border-color: #ffffff;
  }

  .arx-formations-filter-icon:focus-visible {
    outline: 3px solid #111111;
    outline-offset: 3px;
  }

  /* Mobile : le texte est toujours visible */
  .arx-formations-selected-filters {
    display: inline-flex;
    flex: 1 1 auto;
    max-width: calc(100% - 58px);
  }

  .arx-formations-selected-filters strong:empty {
    display: none;
  }

  /* Mobile : les boutons sont masqués tant que l’icône n’est pas ouverte */
  .arx_custom_filter_button_inner:not(.is-open) .arx_filter_button,
  .arx-formations-toolbar__filters:not(.is-open) .arx_filter_button {
    display: none;
  }

  .arx_custom_filter_button_inner.is-open .arx_filter_button,
  .arx-formations-toolbar__filters.is-open .arx_filter_button {
    animation: arxFormationsFilterIn 0.22s ease both;
    display: flex;
  }

  .arx_custom_filter_button_inner.is-open .arx_filter_button_term {
    padding: 14px 18px;
    font-size: 16px;
  }

  .arx_filter_button:hover,
  .arx_filter_button_term:hover {
    transform: none;
  }
}

@keyframes arxFormationsFilterIn {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}