@import "../section-banner/assets/styles.css";
@import "../section-overview/assets/styles.css";
@import "../section-tour-options/assets/styles.css";
@import "../../components/tour-item/styles.css";
@import "../section-itinerary/assets/styes.css";
@import "../../components/section-reason/assets/styles.css";

main {
  position: relative;
  background-image: url("/wp-content/uploads/frame_2147263168.webp");
  /* background-image: url("/wp-content/uploads/2026/01/form-input-bg-150x150.png"); */
  background-repeat: repeat;
  background-size: contain;
  background-attachment: fixed;
}

.footer_container {
  margin-top: -2.5rem;
  z-index: 10;
}

.overlay-tours-page {
  height: 8rem;
  position: absolute;
  z-index: 10;
  bottom: -3rem;
  left: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02) 0.76%,
    rgba(255, 255, 255, 0.02) 2.08%,
    rgba(255, 255, 255, 0) 9.13%,
    rgba(255, 255, 255, 0.2) 22.28%,
    rgba(255, 255, 255, 0.49) 37.52%,
    rgba(255, 255, 255, 0.71) 47.65%,
    rgba(255, 255, 255, 1) 76.11%,
    rgba(255, 255, 255, 0) 91.12%
  );
  pointer-events: none;
}

@media (max-width: 639.98px) {
  main {
    background-color: #fbf9f8;
    background-image: url("/wp-content/uploads/MB-Tour-list-background.webp");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .tour-item__content-title {
    font-size: 1.25rem;
    line-height: 160%;
    letter-spacing: 0.0625rem;
  }

  .tour-item__content-meta__item__label {
    font-size: 0.875rem;
    line-height: 150%;
    letter-spacing: normal;
    margin-bottom: 0.25rem;
  }

  .tour-item__content-meta__item__value {
    font-size: 0.875rem;
    line-height: 150%;
  }

  .tour-item__thumbnail-badge__text {
    font-size: 0.75rem;
    line-height: 150%;
  }
}