/* ===== Tours Carousel ===== */
.wcx-hero-card {
  padding: clamp(16px, 2vw, 28px) 0;
  background:
    radial-gradient(1200px 400px at 50% -200px, rgba(2, 8, 23, .06), transparent 60%),
    linear-gradient(180deg, rgba(2, 8, 23, .03), rgba(2, 8, 23, .03));
}
.wcx-hero-card .wcx-hero-card__frame{
  position:relative;
  border-radius: 24px;
  overflow:hidden;
  box-shadow: 0 30px 80px rgba(2,6,23,.22);
  background: #0b1220;
}

.wcx-hero-card__img{
  display:block;
  width:100%;
  height: clamp(260px, 56vh, 620px);
  object-fit: cover;
  /* keep the important lower edge in view (coach, horizon, road) */
  object-position: center bottom;
  transform: scale(1.001); /* prevents faint 1px line on some GPUs */
}

@media (min-width: 992px){
  .wcx-hero-card__img{ height: clamp(520px, 64vh, 760px); }
}

.wcx-hero-card__shade{
  position:absolute; inset:0; pointer-events:none;
  /* top soft fade + strong bottom for text readability */
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.68) 100%);
}

/* Caption block */
.wcx-hero-card__caption{
  position:absolute;
  left: clamp(18px, 4vw, 48px);
  right: clamp(18px, 4vw, 48px);
  bottom: clamp(18px, 4vw, 38px);
  display:flex;
  gap:12px;
  align-items:flex-end;
  flex-wrap:wrap;
}

.wcx-hero-card__title{
  flex: 1 1 100%;
  margin:0;
  color:#fff;
  line-height:1.06;
  /* same brand script used on hero */
  font-family: 'Rethaster-vmGlZ', ui-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(20px, 3.4vw, 46px);
  text-shadow: 0 6px 22px rgba(0,0,0,.5);
}

.wcx-hero-card__lead{
  flex: 1 1 560px;
  margin:6px 0 0 0;
  color:#eaf2ff;
  font-size: clamp(14px, 1.25vw, 18px);
  line-height:1.35;
  text-shadow: 0 4px 16px rgba(0,0,0,.5);
}

/* Liquid glass CTA pill */
.wcx-hero-card__cta{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:8px;
  height:44px; padding:0 18px;
  border-radius:999px;
  background: rgba(255,255,255,.18);
  color:#fff; font-weight:700; text-decoration:none;
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  border:1px solid rgba(255,255,255,.35);
  box-shadow: 0 8px 24px rgba(0,0,0,.25) inset,
              0 10px 30px rgba(0,0,0,.25);
  transition: transform .25s ease, background-color .25s ease;
}
.wcx-hero-card__cta:hover{ transform: translateY(-1px); background: rgba(255,255,255,.24); }
.wcx-hero-card__cta:active{ transform: translateY(0); }

/* Controls: subtle circular glass buttons, keep off the image center */
.wcx-hero-card__ctrl{
  width:48px; height:48px; border-radius:999px;
  top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(10px);
}
.wcx-hero-card__ctrl .carousel-control-prev-icon,
.wcx-hero-card__ctrl .carousel-control-next-icon{
  filter: invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.6));
}
.wcx-hero-card__ctrl:focus{ outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,.25); }

@media (max-width: 576px){
  /* keep arrows inside but away from caption area */
  .wcx-hero-card__ctrl{ top: 40%; }
  /* move CTA under the text to avoid covering the subject */
  .wcx-hero-card__caption{
    align-items:flex-start;
  }
  .wcx-hero-card__cta{
    margin-left:0; margin-top:10px; height:42px; padding:0 16px;
    background: rgba(255,255,255,.22);
  }
}

/* Remove any accidental bottom “blue” band that can appear if parent has background */
.wcx-hero-card .carousel, 
.wcx-hero-card .carousel-inner, 
.wcx-hero-card .carousel-item{
  background: transparent;
}
.wcx-hero-card .carousel-item{ position:relative; }

.carousel.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 900ms ease; /* smooth */
}
.carousel.carousel-fade .carousel-item.active,
.carousel.carousel-fade .carousel-item-next.carousel-item-start,
.carousel.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transform: none; /* prevent slide transform interfering with fade */
}