/* notice-popup.css: a „Fontos üzenet” felugró ablak (inc/notice-popup.php). NULLA ÜRES SOR. */
.vnt {
	width: min(560px, calc(100vw - 2 * var(--sp-4)));
	max-height: calc(100dvh - 2 * var(--sp-4));
	padding: 0;
	border: 0;
	border-radius: var(--r-lg);
	background: var(--c-surface);
	color: var(--c-text);
	box-shadow: 0 24px 60px rgba(5, 29, 51, 0.28);
	overflow: hidden;
}
.vnt::backdrop {
	background: rgba(5, 29, 51, 0.62);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}
.vnt__box {
	position: relative;
	max-height: calc(100dvh - 2 * var(--sp-4));
	padding: var(--sp-8) var(--sp-6) var(--sp-6);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.vnt__x {
	position: absolute;
	top: var(--sp-3);
	right: var(--sp-3);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: var(--r-full);
	background: var(--c-page);
	color: var(--c-text);
	cursor: pointer;
}
.vnt__x:hover,
.vnt__x:focus-visible {
	background: var(--c-text);
	color: var(--c-surface);
}
.vnt__x svg {
	width: 18px;
	height: 18px;
}
.vnt__title {
	margin: 0 var(--sp-8) var(--sp-4) 0;
	color: var(--c-primary-dark);
	font-size: var(--fs-2xl);
	font-weight: 800;
	line-height: 1.25;
}
.vnt__body {
	font-size: var(--fs-md);
	line-height: 1.6;
}
.vnt__body > :first-child {
	margin-top: 0;
}
.vnt__body > :last-child {
	margin-bottom: 0;
}
.vnt__body p {
	margin: 0 0 var(--sp-3);
}
.vnt__body img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: var(--sp-3) auto;
	border-radius: var(--r-sm);
}
.vnt__body a {
	color: var(--c-primary-aa);
}
.vnt__foot {
	display: flex;
	justify-content: center;
	margin-top: var(--sp-6);
}
.vnt__ok {
	min-width: 180px;
	justify-content: center;
	text-align: center;
}
@media (max-width: 575px) {
	.vnt {
		width: calc(100vw - 2 * var(--sp-4));
		height: 80dvh;
		max-height: 80dvh;
	}
	.vnt__box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 80dvh;
		max-height: 80dvh;
		padding: var(--sp-12) var(--sp-5) var(--sp-6);
	}
}