/**
 * Fix for modal scrolling issues.
 * This ensures that modals with a lot of content can be scrolled vertically.
 */

/* Ensure the modal content area has vertical scrolling */
.ui-dialog .ui-dialog-content {
  overflow-y: auto !important;
}

/* Remove fixed height restriction on modal */
div#drupal-modal {
  max-height: none !important;
}

/* Set a max-height relative to viewport for better responsiveness */
@media screen and (min-height: 800px) {
  .ui-dialog {
    max-height: 80vh !important;
  }

  .ui-dialog .ui-dialog-content {
    max-height: calc(80vh - 120px) !important; /* Account for header and footer */
  }
}

@media screen and (max-height: 799px) {
  .ui-dialog {
    max-height: 90vh !important;
  }

  .ui-dialog .ui-dialog-content {
    max-height: calc(90vh - 120px) !important; /* Account for header and footer */
  }
}