/*!
 * Miceli Roofing - fixes layered on top of the WordPress/Elementor export.
 *
 * Kept in our own stylesheet so no Elementor, theme or plugin file is edited:
 * those are all treated as vendor code and left byte-for-byte as exported.
 */

/*
 * "Get a Quote" popup (Elementor popup 2216, WPForms form 2217).
 *
 * The popup content is ~832px tall. Elementor caps its scroll container at
 * 100vh, so on a laptop at 744-768px the consent checkbox is clipped at the
 * bottom edge and the submit button falls past it - the form cannot be
 * completed. Capping below the viewport height guarantees the container is
 * shorter than its content, so it actually scrolls and the scrollbar is
 * visible as an affordance.
 *
 * !important is needed because Elementor's dialog widget sets these on the
 * element itself.
 */
.elementor-popup-modal .dialog-message {
  max-height: 90vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

.elementor-popup-modal .dialog-widget-content {
  max-height: 90vh !important;
}

/* Give the scrollbar somewhere to live so it does not overlap the fields. */
.elementor-popup-modal .dialog-message > .elementor {
  padding-bottom: 8px;
}