/*
 * Popups (inc/promo-popup.php). Each popup's look is its own HTML and
 * <style>, edited under Popups in wp-admin; this file only keeps a popup
 * hidden until the script opens it, and styles the plain shell the theme
 * wraps around HTML that has no .mm-rp element of its own. Loaded only on
 * pages that carry a popup.
 */
.mm-rp[hidden] { display: none !important; }

.mm-rp--shell {
	position: fixed;
	inset: 0;
	z-index: 100000; /* Above the header (999). */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.mm-rp--shell > .mm-rp__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.mm-rp--shell > .mm-rp__box {
	position: relative;
	width: 100%;
	max-width: 440px;
	max-height: 92vh;
	overflow-y: auto;
	box-sizing: border-box;
}