/* The modal shell Elementor used to build in JavaScript.
 *
 * The per-popup rules — width, overlay colour, shadow — come across in the
 * captured stylesheet and key off #elementor-popup-modal-<id>, so only the
 * structure needs restating here.
 */

.elementor-popup-modal {
	inset: 0;
	overflow: auto;
	position: fixed;
	z-index: 9999;
}

.elementor-popup-modal[hidden] { display: none !important; }

.elementor-popup-modal .dialog-widget-content { position: relative; }

.elementor-popup-modal .dialog-close-button {
	align-items: center;
	color: #1f2124;
	cursor: pointer;
	display: flex;
	font-size: 22px;
	justify-content: center;
	position: absolute;
}

.elementor-popup-modal .dialog-message > .elementor { width: 100%; }

/* The page behind a popup should not scroll under it. */
body.kulc-popup-open { overflow: hidden; }