/* ============================================================
   Site-wide thank-you popup — shown on any confirmed lead form
   submission (see assets/js/thank-you-modal.js).
   ============================================================ */

.sae-thanks-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: var(--space-md); }
.sae-thanks-modal[hidden] { display: none; }

.sae-thanks-modal__backdrop { position: absolute; inset: 0; background: rgba(21, 28, 36, 0.55); }

.sae-thanks-modal__panel {
	position: relative;
	max-width: 420px;
	width: 100%;
	background: var(--ds-surface);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-hover);
	padding: var(--space-lg) var(--space-md);
	text-align: center;
}

.sae-thanks-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
	color: var(--ds-grey);
}

.sae-thanks-modal__icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: var(--ds-green-tint);
	color: var(--ds-green-ink);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
}

.sae-thanks-modal__panel h2 { font-size: var(--ds-fs-h2); color: var(--ds-ink); margin: 0 0 8px; }
.sae-thanks-modal__message { color: var(--ds-grey); margin: 0; }

body.sae-thanks-modal-open { overflow: hidden; }