/* Keep native map previews readable and inside the visible guide map. */
body .jax-guide-map .mapboxgl-popup {
  --jax-popup-limit: min(320px, calc(100dvh - 120px));
  box-sizing: border-box;
  z-index: 4;
}
body .jax-guide-map .mapboxgl-popup-content {
  box-sizing: border-box;
  padding: 0 !important;
  max-height: var(--jax-popup-limit) !important;
  overflow: hidden !important;
}
body .jax-guide-map .mapboxgl-popup .elementor-8956 {
  max-height: max(0px, calc(var(--jax-popup-limit) - 2px)) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .elementor-widget-container {
  height: auto !important;
  min-height: 0 !important;
  text-align: left !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview > .elementor-container > .elementor-column > .elementor-widget-wrap {
  box-sizing: border-box;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 5px 12px !important;
  padding: 14px !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-photo,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-photo img {
  width: 76px !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-photo img {
  height: 100px !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jet-listing-dynamic-field,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jet-listing-dynamic-field__inline-wrap,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jet-listing-dynamic-field__content {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-title .jet-listing-dynamic-field__content,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-title .jet-listing-dynamic-field__content * {
  font: 600 14px/1.4 Poppins, sans-serif !important;
  letter-spacing: 0 !important;
  color: #173c46 !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-address .jet-listing-dynamic-field__content,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-address .jet-listing-dynamic-field__content * {
  font: 400 12px/1.4 Poppins, sans-serif !important;
  color: #637b80 !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jet-listing-dynamic-field__content {
  display: block !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-category,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-category * {
  font: 500 11px/1.4 Poppins, sans-serif !important;
  color: #25636b !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-category a:not(:focus-visible) {
  outline: none !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-link a {
  width: fit-content !important;
  min-height: 44px !important;
  font: 600 13px/1.4 Poppins, sans-serif !important;
  margin: 2px 0 0 !important;
  padding: 8px 12px !important;
}
body .jax-guide-map .mapboxgl-popup .mapboxgl-popup-close-button {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  width: 44px !important;
  height: 44px !important;
  box-shadow: none !important;
}
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-category,
body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-title {
  padding-right: 36px !important;
}
@media (max-width: 767px) {
  body .jax-guide-map .mapboxgl-popup {
    --jax-popup-limit: var(--jax-popup-height, max(44px, calc(100dvh - var(--jax-header-edge, 64px) - var(--jax-guide-controls-height, 160px) - 198px)));
    top: auto !important;
    bottom: var(--jax-popup-bottom, 36px) !important;
    left: var(--jax-popup-left, 12px) !important;
    right: var(--jax-popup-right, 12px) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
  body .jax-guide-map .mapboxgl-popup[data-jax-outside-view] {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body .jax-guide-map .mapboxgl-popup .jax-activity-preview > .elementor-container > .elementor-column > .elementor-widget-wrap {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 4px 10px !important;
    padding: 12px !important;
  }
  body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-photo,
  body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-photo img {
    width: 68px !important;
  }
  body .jax-guide-map .mapboxgl-popup .jax-activity-preview .jax-activity-preview-photo img {
    height: 90px !important;
  }
}