/* Scoped to the existing public storefront; reversible by disabling this plugin. */
.store-proto .mcl-modal-backdrop.is-open {
	z-index: 110 !important;
}

.store-proto .mcl-modal.is-open {
	z-index: 111 !important;
}

/* Keep the long description in the main modal scroll instead of a nested pane. */
.store-proto .mcl-modal.is-open .mcl-detail-description-content {
	max-height: none !important;
	overflow: visible !important;
}

/* Keep the close control easy to hit at every screen size. */
.store-proto .mcl-modal.is-open:not(.mcl-about-modal) > .mcl-close {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	display: grid;
	place-items: center;
}

@media (max-width: 760px) {
	.store-proto .mcl-modal.is-open:not(.mcl-about-modal) > .mcl-close {
		margin-top: -8px;
		margin-right: -8px;
		margin-bottom: 8px;
		border: 1px solid var(--line, #dfe5e8);
		border-radius: 50%;
		background: var(--wash, #f4f6f5);
		line-height: 1;
	}

	.store-proto .mcl-modal.is-open:not(.mcl-about-modal) > .mcl-close:focus-visible {
		outline: 3px solid var(--blue, #1f6285);
		outline-offset: 2px;
	}
}