/**
 * Cagle Newsletter Popover — parent-page overlay styles.
 *
 * #cnp-wrapper   Full-screen modal overlay (hidden until cnp:ready show:true).
 * #cnp-iframe    Centered card frame that contains the popover UI.
 *
 * @package Cagle_Newsletter_Popover
 * @since   2026.04.22
 * @version 1.0.0
 */

#cnp-wrapper {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

#cnp-wrapper.cnp-visible {
	display: flex;
	animation: cnp-fadein 0.18s ease;
}

@keyframes cnp-fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

#cnp-iframe {
	width: min(540px, 95vw);
	min-height: 360px;
	max-height: 90vh;
	border: none;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: height 0.12s ease;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
}