.elementor-486 .elementor-element.elementor-element-6cc7fb6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-486 .elementor-element.elementor-element-9828956{width:100%;max-width:100%;}@media(min-width:768px){.elementor-486 .elementor-element.elementor-element-6cc7fb6{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9828956 *//* =========================================================
   XRDB — EXPERIENCES DIRECTORY (rev)
   Target: .xrdb-exp-dir only
   Goal: match "My Fav" vibe (clean, compact, centered)
   ========================================================= */

/* ---------- Base / layout ---------- */
.xrdb-exp-dir{
  width: 100%;
  max-width: none !important;
  margin: 0;
}
.xrdb-exp-dir > *{
  max-width: none !important;
}

/* ===== Directory: empty poster => XRMust grey logo ===== */
.xrdb-exp-dir .xrdb-exp-dir-thumb--empty{
  background-color: #f3f3f3;
  background-image: url("/wp-content/uploads/xrmust-logo-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 62% auto; /* ajuste si besoin */
  opacity: 0.55;             /* effet "grisé" */
}

/* Keep everything nicely centered like your templates */
.xrdb-exp-dir .xrdb-exp-dir-filters,
.xrdb-exp-dir .xrdb-exp-dir-results{
  width: min(1200px, 92vw);
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Filters (controls) ---------- */
.xrdb-exp-dir .xrdb-exp-dir-filters{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: end;
  margin: 18px auto 24px;
}

/* Desktop: Year + Country / Theme + Buttons (like your screenshot) */
@media (min-width: 900px){
  .xrdb-exp-dir .xrdb-exp-dir-filters{
    grid-template-columns: 1fr 1fr;
    column-gap: 18px;
    row-gap: 14px;
  }
  /* Theme spans left, actions on right */
  .xrdb-exp-dir .xrdb-exp-dir-filter:nth-child(3){
    grid-column: 1 / 2;
  }
  .xrdb-exp-dir .xrdb-exp-dir-actions{
    grid-column: 2 / 3;
    justify-content: flex-start;
  }
}

.xrdb-exp-dir .xrdb-exp-dir-filter{
  display: grid;
  gap: 6px;
}

.xrdb-exp-dir .xrdb-exp-dir-label{
  font-weight: 700;
  opacity: 0.75;
  white-space: nowrap;
}

/* Selects: same visual weight as My Fav */
.xrdb-exp-dir .xrdb-exp-dir-select{
  width: 100%;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid #e7e7e7;
  background: #fff;
  font-weight: 600;
  line-height: 1.1;
  box-shadow: none;
}

.xrdb-exp-dir .xrdb-exp-dir-select:focus{
  outline: none;
  border-color: rgba(0,0,0,0.22);
  box-shadow: 0 8px 22px rgba(0,0,0,0.10);
}

/* Actions */
.xrdb-exp-dir .xrdb-exp-dir-actions{
  display: flex;
  gap: 10px;
  justify-content: center; /* mobile */
  align-items: center;
}

.xrdb-exp-dir .xrdb-exp-dir-apply,
.xrdb-exp-dir .xrdb-exp-dir-reset{
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
  line-height: 1;
  border: 1px solid #EF3B2D;
}

/* Primary */
.xrdb-exp-dir .xrdb-exp-dir-apply{
  background: #EF3B2D;
  color: #fff;
}

/* Secondary */
.xrdb-exp-dir .xrdb-exp-dir-reset{
  background: #fff;
  color: #EF3B2D;
}

.xrdb-exp-dir .xrdb-exp-dir-apply:hover,
.xrdb-exp-dir .xrdb-exp-dir-apply:focus,
.xrdb-exp-dir .xrdb-exp-dir-reset:hover,
.xrdb-exp-dir .xrdb-exp-dir-reset:focus{
  filter: brightness(0.97);
  outline: none;
}

/* Status */
.xrdb-exp-dir .xrdb-exp-dir-status{
  width: min(1200px, 92vw);
  margin: 8px auto 0;
  text-align: center;
  opacity: 0.75;
}

/* ---------- Grid ---------- */
/* 2 → 3 → 4 → 5 columns, centered pack */
.xrdb-exp-dir .xrdb-exp-dir-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  justify-content: center;
  width: 100%;
  margin: 10px 0 0;
  justify-items: stretch;
  align-items: start;
}

@media (min-width: 640px){
  .xrdb-exp-dir .xrdb-exp-dir-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .xrdb-exp-dir .xrdb-exp-dir-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1280px){
  .xrdb-exp-dir .xrdb-exp-dir-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* ---------- Cards (match My Fav) ---------- */
.xrdb-exp-dir .xrdb-exp-dir-card{
  width: 100%;
  padding: 12px;
  border: 1px solid #ededed;
  background: #fff;
  text-align: left;
  transition: none;
}

.xrdb-exp-dir .xrdb-exp-dir-card:hover,
.xrdb-exp-dir .xrdb-exp-dir-card:focus,
.xrdb-exp-dir .xrdb-exp-dir-card:active{
  transform: none;
  border-color: #e2e2e2;
}

/* Link wrapper */
.xrdb-exp-dir .xrdb-exp-dir-card-link{
  display: block;
  color: inherit;
  text-decoration: none !important;
}

/* Poster: same ratio, no rounding, no shadow */
.xrdb-exp-dir .xrdb-exp-dir-thumb{
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: #f3f3f3;
}

.xrdb-exp-dir .xrdb-exp-dir-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
  box-shadow: none;
}

/* No thumb placeholder */
.xrdb-exp-dir .xrdb-exp-dir-thumb--empty{
  background: #f3f3f3;
}

/* Title: FIXED = smaller (like My Fav), still 2 lines */
.xrdb-exp-dir .xrdb-exp-dir-card-title{
  margin-top: 10px;
  font-weight: 600;
  color: #EF3B2D;
  text-align: center;
  text-decoration: none;

  font-size: 16px;
  line-height: 1.15;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  min-height: calc(1.15em * 2);
}

@media (max-width: 640px){
  .xrdb-exp-dir .xrdb-exp-dir-card-title{
    font-size: 15px;
  }
}

.xrdb-exp-dir .xrdb-exp-dir-card-title:hover,
.xrdb-exp-dir .xrdb-exp-dir-card-title:focus,
.xrdb-exp-dir .xrdb-exp-dir-card-title:active{
  color: #EF3B2D;
  text-decoration: none;
}

/* ---------- Pagination ---------- */
.xrdb-exp-dir .xrdb-exp-dir-pagination{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 24px auto 0;
  width: min(1200px, 92vw);
}

.xrdb-exp-dir .xrdb-exp-dir-page{
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid #e7e7e7;
  background: #fff;
  font-weight: 800;
  text-decoration: none !important;
  color: inherit;
}

.xrdb-exp-dir .xrdb-exp-dir-page:hover,
.xrdb-exp-dir .xrdb-exp-dir-page:focus{
  border-color: rgba(0,0,0,0.20);
  outline: none;
}

.xrdb-exp-dir .xrdb-exp-dir-page.is-current{
  border-color: #EF3B2D;
  color: #EF3B2D;
}

.xrdb-exp-dir .xrdb-exp-dir-loadmore{
  display: flex;
  justify-content: center;
  margin: 26px 0 0;
}

.xrdb-exp-dir .xrdb-exp-dir-loadmore-btn{
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid #EF3B2D;
  background: #EF3B2D;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.xrdb-exp-dir .xrdb-exp-dir-loadmore-btn:disabled{
  opacity: .6;
  cursor: not-allowed;
}/* End custom CSS */