/* Professional-mode POI disclosure/card refinements. Kept separate from
 * gis.css and gis-regions.css because those shared files are already large. */

.gis-professional-mode .gis-popup {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: min(320px, calc(100vw - 24px));
  min-width: min(260px, calc(100vw - 24px));
  max-width: min(320px, calc(100vw - 24px));
  max-height: min(
    62dvh,
    max(96px, calc(var(--gis-visual-viewport-height, 100dvh) - 144px)),
    520px
  );
  padding: 14px 16px;
  border: 2px solid var(--gis-line);
  border-top: 4px solid var(--gis-gold);
  border-radius: 0;
  transform: translate(var(--popup-shift-x, -50%), var(--popup-shift-y, 0));
}

.gis-professional-mode .gis-popup-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}

.gis-professional-mode .gis-popup.is-preview {
  max-height: min(
    48dvh,
    max(96px, calc(var(--gis-visual-viewport-height, 100dvh) - 144px)),
    390px
  );
  pointer-events: none;
}

.gis-professional-mode .gis-popup.is-preview .gis-popup-close {
  display: none;
}

.gis-professional-mode .gis-popup.is-preview .gis-popup-title {
  margin-right: 0;
  margin-bottom: 10px;
}

.gis-professional-mode .gis-popup.is-preview .gis-popup-cover {
  max-height: 150px;
}

.gis-editor-modal.gis-poi-editor-modal {
  max-height: min(
    86dvh,
    max(160px, calc(var(--gis-visual-viewport-height, 100dvh) - 24px))
  );
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@media (pointer: coarse) {
  .gis-professional-mode .gis-popup {
    max-height: min(
      58dvh,
      max(96px, calc(var(--gis-visual-viewport-height, 100dvh) - 144px)),
      470px
    );
  }

  /* iOS Safari must not focus-zoom new or existing POI editor text controls. */
  .gis-poi-editor-modal .gis-editor-input,
  .gis-poi-editor-modal .gis-editor-textarea {
    font-size: 16px;
  }

  .gis-poi-editor-modal .gis-type-trigger,
  .gis-poi-editor-modal .gis-type-option,
  .gis-poi-editor-modal .gis-cover-btn,
  .gis-poi-editor-modal .gis-cover-remove {
    min-height: 44px;
  }
}

@media (max-width: 560px) {
  .gis-professional-mode .gis-popup {
    width: calc(100vw - 20px);
    min-width: 0;
    max-width: calc(100vw - 20px);
    padding: 13px 14px;
  }

  .gis-professional-mode .gis-popup-body {
    max-height: none;
  }

  .gis-editor-modal.gis-poi-editor-modal {
    width: calc(100vw - 20px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gis-professional-mode .gis-popup {
    animation: none;
  }
}