.btn-search { flex:0 0 auto; background:#007bff; color:#fff; border:none; padding:.75rem 1rem; border-radius:4px; font-size:1.25rem; cursor:pointer }
.accordion-container { /* position:absolute; */ top:100%; left:calc(2*(100%/3)+1rem); width:300px; max-height:0; overflow:visible; transition:max-height .3s ease; background:#fff; border:1px solid #ccc; border-radius:4px; z-index:1 }
.accordion-container.open { max-height:400px }
.accordion-toggle-global { /*position:absolute;*/ top:.25rem; right:.5rem; font-size:1.5rem; cursor:pointer; background:#eef6ff; padding:.25rem; border-radius:3px; z-index:1000 }
.accordion-group { border-bottom:1px solid #e0e0e0 ; display: none; }
.accordion-group:last-child { border-bottom:none }
.accordion-header { display:flex; align-items:center; padding:.75rem; background:#eef6ff; cursor:pointer }
.month-title { margin-left:.5rem; font-weight:bold }
.accordion-content { display:none; background:#fafafa }
.accordion-group.open .accordion-content { display:block }

/* Conteneur onglets */
#rf-tabs {
  width: 100%;
  margin-bottom: 30px;
}
.container.containers-tabs-lists{
  max-width: 580px;
  position: relative;
}
.tab-univers-handler {
  position: relative;
  margin: auto;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  background-color: var(--white);
}

#rf-tabs .show-previous {
  left: 15px;
}

#rf-tabs .show-next {
    right: 15px;
}

#rf-tabs .tabs-handler-mobile {
  position: absolute;
  width: auto;
  top: calc(50% - 10px);
  /* display: none; */
}
@media screen and (min-width: 768px) {
  #rf-tabs .tabs-handler-mobile {
    display: none !important;
  }
  
}



#rf-tabs div#rf-results .rf-load-more {
  background-color: var(--white);
  border: 0px;
  text-decoration: underline;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Inter regular';
  display: block;
}
/* Wrapper des onglets */
.rf-tab-list {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(20px,2.778vw,40px);

  justify-content: center;
}
.rf-tab-list::-webkit-scrollbar {
  display: none;
}

.rf-load-more {
  margin-top: 25px;
}

.rf-tab-list {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
  padding: 23px 0;
}

/* Chaque onglet */
.rf-tab-list li:not(.active) {
  display: none;
}
.rf-tab-list li {
  color: var(--gray-blue);
  opacity: 0.5;
  font-family: "Inter extrabold";
  font-weight: 800;
  font-size: 20px;
  text-align: center;
}
.rf-tab-list li:hover {
  cursor: pointer;
}
/* Onglet actif */
.rf-tab-list li.active, .rf-tab-list li:hover {
  opacity: 1;
}

/* Contenu des résultats, juste en dessous */


/* Grid de cartes */
.rf-grid {
  margin-top: 30px;
} 

/* Style de chaque carte */
/* .rf-card {
  width: calc(33.33% - 40px);
  background-color: var(--white);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
} */

/* Image en haut */
.rf-grid .rf-card-image{
  max-height: 216px;
}
.rf-grid .rf-card-image img {
  height: 216px;
}
.rf-card-image img {
  height: 179px;
  width: 100%;
  object-fit: cover;
}
.rf-card-image{
  max-height: 179px;
}
/* Contenu */
/* .rf-card-body {
  padding: 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
} */

/* Titre */
.rf-card-title a{
  font-size: clamp(18px,1.389vw,20px);
  font-family: "Playfair Display";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--gray-blue);
  overflow: hidden;
}
.rf-card-title a:first-letter{
  text-transform: uppercase;
}


/* Description */
.rf-card-desc {
  font-size:14px;
  font-family: 'Inter light';
  flex:1;
  font-style: italic;
}

/* Métadonnées */
.rf-card-meta {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  margin-top: 14px !important;
  gap: 10px;
  flex-wrap: wrap;
}
.rf-grid .rf-card-meta span {
  font-size: clamp(11px,0.972vw,14px);
}

.rf-card-meta span.format,.rf-card-meta span.duree {
  font-family: 'Inter semibold';
}

.rf-card-meta span {
  font-size: clamp(11px,0.972vw,14px);
  border: 1px solid var(--dark-sand);
  color: var(--dark-sand);
  border-radius: 50px;
  padding: 4px 7px;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
}
/* Autocomplete - Style de chaque suggestion */
  /* Container suggestions */
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
  }
  
  /* Carte suggestion */
  .ui-autocomplete-card {
    list-style: none;
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
  }
  
  
  /* Titre */
  .ui-autocomplete-title {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
  }
  
  /* Description (sans séparation visuelle) */
  .ui-autocomplete-desc {
    font-size: 0.875rem;
    color: #666;
    line-height: 1.2;
  }
  
  
  /* Loading */
  #loading-container {
    position: relative;
  }
  #rf-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .rf-spinner {
    position: absolute;
    top:30%;
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #4a89dc;
    border-radius: 50%;
    animation: rf-spin 1s linear infinite;
  }
  
  @keyframes rf-spin {
    to { transform: rotate(360deg); }
  }

  /*block formation*/
.lf-card .rf-card-image {
    max-height: 179px;
}
.rf-grid,.latest-formations{
  display: flex;
  gap: clamp(20px,2.778vw,40px);
  flex-wrap: wrap;
  justify-content: center;
}
.lf-card,.rf-card{
  border-radius: 15px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  background: var(--white);
  display: flex;
  flex-direction: column;
}
.lf-card .lf-thumb, .rf-card-image img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; 
}
.lf-excerpt{
    font-size: 14px;
    font-family: 'Inter light';
    font-style:italic;
    flex: 1;
}
.lf-card-detail,.rf-card-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.lf-card-detail p, .rf-card-body p, .rf-card-body h3 {
  margin: 0;
}
.latest-formations.slick-initialized .slick-slide {
  margin: 0px 10px;
  height: auto;
}
.latest-formations .slick-list .slick-track {
  display: flex;
  padding-bottom: 10px;
}
.rf-card-body {
  flex: 1;
  
}
.rf-card{

  display: flex;
  flex-direction: column;
  width: 100%;
}
.rf-pagination a, .rf-pagination span {
  color: var(--gray-blue);
  font-family: 'Avenir light';
}

.rf-message-no-result {
  text-align: center;
  width: 100%;
}

.rf-message-no-result .rf-no-result-text {
  font-family: "Inter light";
  margin-bottom: 15px;
}

.rf-message-no-result > a {
  display: block;
  width: fit-content;
  margin: auto;
  text-transform: uppercase;
  font-family: 'Inter extrabold';

}


/*Responsive*/
@media screen and (min-width: 575px){
  .latest-formations {
    padding: 0 15px;
  }
  .lf-card, .rf-card {
    width: calc(50% - clamp(10px,1.389vw,20px));
  }

}
@media screen and (max-width:767px) and (min-width: 575px){
  .lf-card,.rf-card {
    min-height: 350px
  }
}
@media screen and (min-width:768px){
  .lf-card,.rf-card {
    min-height: 428px;
  }
  .lf-card .rf-card-image,.rf-card-image {
    max-height: 240px;
  }
  .rf-card-image img, .rf-card-image img {
    height: 240px;
  }
  .latest-formations,.rf-grid {   
    justify-content: initial;
  }
  .lf-card-detail,.rf-card-body {
    padding: 24px;
  }
  .rf-tab-list {
    padding: 23px 0;
  }

  .rf-tab-list .slick-track {
    
    cursor: grab;
  }

  .rf-tab-list .slick-track li {
    cursor: pointer;
  }

  .rf-tab-list .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s;

    width: 44px;
    height: 44px;
  }

  .tab-univers-handler:hover .rf-tab-list .slick-arrow {
    opacity: 1;
    
    padding: 12px;
  }

  .rf-tab-list .slick-arrow.next-arrows {
    right: -45px;
  }

  .rf-tab-list .slick-arrow.prev-arrows {
    left: -45px;
  }
  
  .rf-tab-list li {
    font-size: 15px;
    white-space: nowrap;
    text-align: start;
  }
  .rf-card{
    /* max-width: 400px; */
  }
  .rf-tab-list li:not(.active) {
    display: block;
  }
  .rf-tab-list {
    justify-content: initial;
    /* padding: 0; */
    margin-top: 38px;
  }

 

  .container.containers-tabs-lists {
    max-width: 100%;
    /* overflow-x: auto; */
   
  }
  .rf-grid {
    margin-top: 50px;
  } 

  .rf-tab-list li.slick-slide {
    margin: 0 20px;
  }

  /* .rf-tab-list > li:not(:first-child) {
    display: none;
  } */

  .rf-card-meta span.duree {
    font-family: 'Avenir Heavy';
  }
 
}

@media screen and (min-width:992px) {
  .rf-card {
    width: calc(32.8% - clamp(10px,1.389vw,20px));
    
  }
  .rf-card, .lf-card {
    transition: scale 1.2s ease;
  }
  

  .rf-card:hover, .lf-card:hover {
    scale: 1.05;
  }
}