/**
 * Phone/e-mail guard: hint text and warning modal (public forum + portal).
 */

.prf-guard-hint {
	color: var(--prf-danger, var(--prm-danger, #b42318));
	font-size: 0.8rem;
	font-weight: 600;
}

.prf-form__hint.prf-guard-hint {
	margin-top: 4px;
}

.prf-field--invalid,
.prm-field--invalid {
	border-radius: 10px;
	outline: 2px solid var(--prf-danger, var(--prm-danger, #b42318));
	outline-offset: 2px;
}

body.prf-modal-open {
	overflow: hidden;
}

.prf-modal {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 20px;
	position: fixed;
	z-index: 100000;
}

.prf-modal__backdrop {
	background: rgba(7, 11, 9, 0.55);
	inset: 0;
	position: absolute;
}

.prf-modal__panel {
	animation: prf-modal-in 0.18s ease both;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(7, 11, 9, 0.24);
	color: var(--prf-body, var(--prm-body, #33413a));
	font-family: var(--prf-font, "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif);
	max-width: 440px;
	padding: 26px;
	position: relative;
	width: 100%;
}

.prf-modal__icon {
	align-items: center;
	background: #fdecea;
	border-radius: 50%;
	color: #b42318;
	display: flex;
	font-size: 1.15rem;
	font-weight: 800;
	height: 40px;
	justify-content: center;
	margin-bottom: 14px;
	width: 40px;
}

.prf-modal__panel h2 {
	color: var(--prf-ink, var(--prm-ink, #101613));
	font-size: 1.15rem;
	line-height: 1.3;
	margin: 0 0 8px;
}

.prf-modal__panel p {
	font-size: 0.92rem;
	line-height: 1.6;
	margin: 0;
}

.prf-modal__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.prf-modal__actions button {
	background: #12a15b;
	border: 0;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 0.9rem;
	font-weight: 600;
	padding: 10px 20px;
}

.prf-modal__actions button:hover,
.prf-modal__actions button:focus-visible {
	background: #0a6b3d;
}

@keyframes prf-modal-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prf-modal__panel {
		animation: none;
	}
}