.elementor-484 .elementor-element.elementor-element-152115b{--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-484 .elementor-element.elementor-element-5e279df{width:100%;max-width:100%;}@media(min-width:768px){.elementor-484 .elementor-element.elementor-element-152115b{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-5e279df *//* =========================================================
   XRDB — EXPERIENCES DIRECTORY
   Target: .xrdb-exp-dir only
   4 columns max + XRMust PNG fallback
   ========================================================= */

/* ---------- Safe box sizing ---------- */
.xrdb-exp-dir,
.xrdb-exp-dir *{
  box-sizing: border-box;
}

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

.xrdb-exp-dir > *{
  max-width: 100% !important;
}

.xrdb-exp-dir .xrdb-exp-dir-filters,
.xrdb-exp-dir .xrdb-exp-dir-results,
.xrdb-exp-dir .xrdb-exp-dir-status,
.xrdb-exp-dir .xrdb-exp-dir-pagination,
.xrdb-exp-dir .xrdb-exp-dir-debug{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 900px){
  .xrdb-exp-dir .xrdb-exp-dir-filters{
    grid-template-columns: 1fr 1fr;
    column-gap: 18px;
    row-gap: 14px;
  }

  .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;
  min-width: 0;
}

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

.xrdb-exp-dir .xrdb-exp-dir-select{
  width: 100%;
  min-width: 0;
  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;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

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

.xrdb-exp-dir .xrdb-exp-dir-apply,
.xrdb-exp-dir .xrdb-exp-dir-loadmore-btn{
  background: #EF3B2D;
  color: #fff;
}

.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,
.xrdb-exp-dir .xrdb-exp-dir-loadmore-btn:hover,
.xrdb-exp-dir .xrdb-exp-dir-loadmore-btn:focus{
  filter: brightness(0.97);
  outline: none;
}

.xrdb-exp-dir .xrdb-exp-dir-loadmore-btn:disabled{
  opacity: .6;
  cursor: not-allowed;
}

/* ---------- Status ---------- */
.xrdb-exp-dir .xrdb-exp-dir-status{
  margin-top: 8px;
  text-align: center;
  opacity: 0.75;
}

/* ---------- Results / Grid ---------- */
.xrdb-exp-dir .xrdb-exp-dir-results{
  width: 100%;
  max-width: 1200px;
}

.xrdb-exp-dir .xrdb-exp-dir-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin-top: 10px;
  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));
  }
}

/* ---------- Cards ---------- */
.xrdb-exp-dir .xrdb-exp-dir-card{
  width: 100%;
  min-width: 0;
  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;
}

.xrdb-exp-dir .xrdb-exp-dir-card-link{
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none !important;
}

/* ---------- Poster ---------- */
.xrdb-exp-dir .xrdb-exp-dir-thumb{
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background-color: #f3f3f3;
}

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

/* Empty poster => XRMust PNG in grey */
.xrdb-exp-dir .xrdb-exp-dir-thumb--empty{
  background-color: #f3f3f3;
}

.xrdb-exp-dir .xrdb-exp-dir-thumb--empty::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/2025/11/XRMust_Square2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 58% auto;
  filter: grayscale(1);
  opacity: 0.35;
}

/* ---------- Title ---------- */
.xrdb-exp-dir .xrdb-exp-dir-card-title{
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 600;
  color: #EF3B2D;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.15;
  min-width: 0;

  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;
}

/* ---------- Empty state ---------- */
.xrdb-exp-dir .xrdb-exp-dir-empty{
  grid-column: 1 / -1;
  text-align: center;
  opacity: 0.7;
  padding: 24px 0;
}

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

/* ---------- Legacy pagination ---------- */
.xrdb-exp-dir .xrdb-exp-dir-pagination{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 24px auto 0;
}

.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;
}/* End custom CSS */