/* ==========================================================================
   Спільний попап з формою (.site-popup), відкривається кнопками з
   data-popup-open="site-popup-form" — див. assets/js/popup-form.js.
   Розмітка виводиться один раз у footer.php, форма всередині — та ж
   CF7-розмітка/класи (.cta-form-fields/.form-row/.form-field/.cta-form-embed),
   що й у CTA-секції на головній, тому додаткові стилі полів не потрібні.
   ========================================================================== */

.site-popup{
	position:fixed;
	inset:0;
	z-index:1000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	visibility:hidden;
	opacity:0;
	transition:opacity .2s ease, visibility .2s ease;
}

.site-popup.is-open{
	visibility:visible;
	opacity:1;
}

.site-popup-overlay{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.6);
	backdrop-filter:blur(2px);
}

.site-popup-box{
	position:relative;
	z-index:1;
	width:100%;
	max-width:560px;
	max-height:90vh;
	overflow-y:auto;
	background:#0B1220;
	border:1px solid rgba(255,255,255,.08);
	border-radius:20px;
	padding:40px;
	color:#fff;
	transform:translateY(16px) scale(.98);
	transition:transform .25s ease;
}

.site-popup.is-open .site-popup-box{
	transform:translateY(0) scale(1);
}

.site-popup-close{
	position:absolute;
	top:16px;
	right:16px;
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,.06);
	border:none;
	border-radius:50%;
	color:#fff;
	cursor:pointer;
	transition:background-color .2s ease;
}

.site-popup-close:hover,
.site-popup-close:focus{
	background:rgba(255,255,255,.16);
}

.site-popup-title{
	margin:0 0 20px;
	padding-right:40px;
	font-family:var(--font-display, 'Unbounded'), sans-serif;
	font-weight:700;
	font-size:24px;
	line-height:1.25;
	color:#fff;
}

/* Форма всередині попапа перевикористовує .cta-form-embed — прибираємо
   тільки зайвий фон/рамку/тінь, які там доречні на секції головної,
   але не всередині вже оформленого попап-боксу. */
.site-popup-form.cta-form-embed{
	padding:0;
	background:none;
	border:none;
	backdrop-filter:none;
	box-shadow:none;
}

body.site-popup-locked{
	overflow:hidden;
}

@media (max-width:600px){
	.site-popup-box{ padding:28px 20px; }
}