/*
 * Single tour (single-tour.php, template-parts/tour/*).
 */

/* Activity level stars: 30px, 20px on windows up to 400px wide. */
.an-tour-star {
  display: inline-block;
  width: 30px;
  height: 30px;
}
@media (max-width: 400px) {
  .an-tour-star {
    width: 20px;
    height: 20px;
  }
}

/* Tour dates: table above 768px, cards below (TourDates.js). */
.an-dates-mobile {
  display: none;
}
@media (max-width: 768px) {
  .an-dates-desktop {
    display: none;
  }
  .an-dates-mobile {
    display: block;
  }
}

/* ---- antd <Image> look-alike (TourGallery.js) ---- */
.an-image {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.an-image .an-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.an-image .an-image-mask {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
  line-height: 1.5714;
}
.an-image:hover .an-image-mask,
.an-image:focus-visible .an-image-mask {
  opacity: 1;
}
.an-image .an-image-mask-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 4px;
}
.an-image-eye {
  display: inline-flex;
  align-items: center;
  margin-inline-end: 4px;
  vertical-align: -0.125em;
}

/* ---- antd Image preview (lightbox) look-alike ---- */
.an-preview {
  display: none;
}
.an-preview.is-open {
  display: block;
}
.an-preview__mask {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
}
.an-preview__wrap {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.an-preview__img {
  max-width: 100%;
  max-height: 70%;
  vertical-align: middle;
  user-select: none;
  pointer-events: auto;
  animation: an-preview-zoom 0.3s cubic-bezier(0.08, 0.82, 0.17, 1);
}
@keyframes an-preview-zoom {
  from {
    transform: scale(0.2);
    opacity: 0;
  }
}
.an-preview__op,
.an-preview__switch {
  position: fixed;
  z-index: 1002;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.an-preview__op:hover,
.an-preview__switch:hover {
  background: rgba(0, 0, 0, 0.2);
}
.an-preview__op {
  top: 32px;
  right: 32px;
}
.an-preview__switch {
  top: 50%;
  transform: translateY(-50%);
}
.an-preview__switch--left {
  left: 8px;
}
.an-preview__switch--right {
  right: 8px;
}
.an-preview__switch.is-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
  background: transparent;
}
.an-preview__count {
  position: fixed;
  bottom: 32px;
  left: 50%;
  z-index: 1002;
  transform: translateX(-50%);
  padding: 0 24px;
  color: rgba(255, 255, 255, 0.65);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  font-size: 14px;
  line-height: 40px;
}
.an-preview__count:empty {
  display: none;
}
body.an-preview-open {
  overflow: hidden;
}