.rich-text-paragraph {
  white-space: pre-line !important;
}

.react-select-container {
  border-radius: 10px;
}

.single-trip-info {
  padding: 25px !important;
  font-size: 12px !important;
}

.single-trip-title {
  font-size: 16px !important;
}

.single-trip-meta {
  font-size: 14px !important;
}

/* react-image-gallery — international trip: main slide height (override library vh-based max-height) */
.international-trip-gallery-react .international-trip-ig .image-gallery-slide {
  line-height: 0;
}

.international-trip-gallery-react .international-trip-ig .image-gallery-slide-wrapper {
  max-height: clamp(180px, 42vw, 280px);
  overflow: hidden;
}

@media (min-width: 768px) {
  .international-trip-gallery-react .international-trip-ig .image-gallery-slide-wrapper {
    max-height: clamp(260px, 36vw, 400px);
  }
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-content
  .image-gallery-slide
  .image-gallery-image {
  max-height: clamp(180px, 42vw, 280px) !important;
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: top;
}

@media (min-width: 768px) {
  .international-trip-gallery-react
    .international-trip-ig
    .image-gallery-content
    .image-gallery-slide
    .image-gallery-image {
    max-height: clamp(260px, 36vw, 400px) !important;
  }
}

.international-trip-gallery-react .international-trip-ig {
  --ig-thumbnail-size: 88px;
  --ig-thumbnail-size-small: 80px;
}

/* react-image-gallery — international trip: thumbnail strip & cells only */
.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails-wrapper {
  padding: 12px 0;
  margin-top: 0;
  border-top: 0;
  background: transparent;
}

@media (min-width: 768px) {
  .international-trip-gallery-react
    .international-trip-ig
    .image-gallery-thumbnails-wrapper {
    padding: 16px 0;
  }
}

/* Thumbnail strip: flex ancestors need min-width so overflow-x can scroll in narrow layouts. */
.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails-wrapper {
  min-width: 0;
}

/* When thumbnail swipe is enabled (default), library sets pan-y on the wrapper — blocks
   native horizontal overflow scrolling on mobile; override to pan-x. */
.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal {
  touch-action: pan-x;
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: rgb(148 163 184 / 0.55) transparent;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails::-webkit-scrollbar {
  height: 6px;
  background: transparent;
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails::-webkit-scrollbar-track {
  background: transparent;
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails::-webkit-scrollbar-thumb {
  background: rgb(148 163 184 / 0.55);
  border-radius: 9999px;
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnails
  .image-gallery-thumbnails-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  width: max-content;
  text-align: start;
  background: transparent;
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
}

@media (min-width: 768px) {
  .international-trip-gallery-react
    .international-trip-ig
    .image-gallery-thumbnails
    .image-gallery-thumbnails-container {
    gap: 12px;
  }
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnail {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 88px !important;
  min-width: 88px;
  aspect-ratio: 4 / 3;
  border-radius: 0.75rem;
  border: 2px solid rgb(226 232 240 / 0.85) !important;
  overflow: hidden;
  background: rgb(226 232 240 / 0.35);
}

@media (min-width: 768px) {
  .international-trip-gallery-react
    .international-trip-ig
    .image-gallery-thumbnail {
    width: 96px !important;
    min-width: 96px;
  }
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnail.active,
.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnail:focus {
  border-color: #093347 !important;
}

@media (hover: hover) and (pointer: fine) {
  .international-trip-gallery-react
    .international-trip-ig
    .image-gallery-thumbnail:hover {
    border: 2px solid rgb(9 51 71 / 0.4) !important;
  }

  .international-trip-gallery-react
    .international-trip-ig
    .image-gallery-thumbnail.active:hover {
    border-color: #093347 !important;
  }
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnail
  .image-gallery-thumbnail-inner {
  height: 100%;
}

.international-trip-gallery-react
  .international-trip-ig
  .image-gallery-thumbnail
  .image-gallery-thumbnail-image {
  height: 100%;
  object-fit: cover;
}