/*
 * Custom success dialog shown after the Request Info form (the duplicated
 * Elementor Contact Form widget next to [mb_request_info_picker]) submits
 * successfully - replaces Elementor's own small inline text-only
 * confirmation with a centered modal. Deliberately self-contained (no
 * Bootstrap/framework dependency) and namespaced under
 * .mrf-success-dialog- so it can't collide with the site's theme or
 * Elementor's own styles. See assets/js/mrf-success-dialog.js.
 */

body.mrf-success-dialog-open {
	overflow: hidden;
}

.mrf-success-dialog-overlay {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	z-index: 100000;
}

.mrf-success-dialog {
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
	max-width: 420px;
	width: 100%;
	padding: 32px 28px 28px;
	text-align: center;
	animation: mrf-success-dialog-in 0.18s ease-out;
}

@keyframes mrf-success-dialog-in {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.mrf-success-dialog-close {
	position: absolute;
	top: 8px;
	right: 12px;
	background: none;
	border: none;
	font-size: 24px;
	line-height: 1;
	color: #94a3b8;
	cursor: pointer;
	padding: 6px;
}

.mrf-success-dialog-close:hover,
.mrf-success-dialog-close:focus {
	color: #334155;
}

.mrf-success-dialog-icon {
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	background: #22c55e;
	color: #fff;
	font-size: 26px;
	margin: 0 auto 16px;
}

.mrf-success-dialog-title {
	margin: 0 0 10px;
	font-size: 1.35em;
	font-weight: 700;
	color: #0f172a;
}

.mrf-success-dialog-message {
	margin: 0 0 24px;
	color: #475569;
	line-height: 1.5;
	white-space: pre-line;
}

.mrf-success-dialog-ok {
	background: #1e63c9;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 10px 28px;
	font-size: 0.95em;
	font-weight: 600;
	cursor: pointer;
}

.mrf-success-dialog-ok:hover,
.mrf-success-dialog-ok:focus {
	background: #17509f;
}