/**
 * Playground popup modals — match creativeworldschool.com modal embed pattern.
 * Single shell; scroll happens inside the iframe document only.
 */

.pum-container.popmake.cws-playground-popup {
	display: flex !important;
	flex-direction: column !important;
	width: min(960px, calc(100vw - 32px)) !important;
	max-width: min(960px, calc(100vw - 32px)) !important;
	height: min(92dvh, calc(100dvh - 32px)) !important;
	max-height: min(92dvh, calc(100dvh - 32px)) !important;
	min-height: 0 !important;
	overflow: hidden !important;
	overflow-y: hidden !important;
	padding: 48px 20px 20px !important;
	box-sizing: border-box !important;
	background: #fff !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2) !important;
}

.pum-container.popmake.cws-playground-popup .pum-content.popmake-content {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 0 !important;
	margin: 0 !important;
}

.pum-container.popmake.cws-playground-popup .pum-content > p {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

.pum-container.popmake.cws-playground-popup .playground-contact-embed,
.pum-container.popmake.cws-playground-popup .cws-playground-popup-embed {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.pum-container.popmake.cws-playground-popup iframe.playground-contact-embed__iframe,
.pum-container.popmake.cws-playground-popup iframe.cws-playground-popup-iframe,
.pum-container.popmake.cws-playground-popup iframe[src*="tryplayground.com"] {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	border: 0 !important;
	display: block !important;
}

@media (max-width: 767px) {
	.pum-container.popmake.cws-playground-popup {
		width: min(960px, calc(100vw - 24px)) !important;
		max-width: min(960px, calc(100vw - 24px)) !important;
		height: min(
			90dvh,
			calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px)
		) !important;
		max-height: min(
			90dvh,
			calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px)
		) !important;
		padding: 44px 12px 14px !important;
	}
}