.sfpt-overlay {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	background: rgba(0, 0, 0, 0);
	visibility: hidden;
	opacity: 0;
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease,
		background-color 0.3s ease;
}

.sfpt-overlay.sfpt-is-open {
	visibility: visible;
	opacity: 1;
	background: rgba(0, 0, 0, 0.55);
}

.sfpt-overlay[hidden] {
	display: none !important;
}

/* Dark navy popup – white fields inside */
.sfpt-dialog {
	position: relative;
	width: min(100%, 640px);
	max-height: 90vh;
	overflow: auto;
	background: #123045 !important;
	background-color: #123045 !important;
	color: #efe8d1;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
	opacity: 0;
	transform: translateY(28px) scale(0.98);
	transition:
		opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.sfpt-overlay.sfpt-is-open .sfpt-dialog {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.sfpt-panel {
	padding: 2rem 1.5rem 1.5rem;
}

.sfpt-panel[hidden] {
	display: none !important;
}

.sfpt-close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #efe8d1;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
}

.sfpt-close:hover,
.sfpt-close:focus {
	background: rgba(239, 232, 209, 0.12);
	color: #ffffff;
}

body.sfpt-open {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.sfpt-overlay,
	.sfpt-dialog {
		transition: none !important;
	}
}

/* SureForms inside dark popup */
.sfpt-panel,
.sfpt-dialog .srfm-form-container,
.sfpt-dialog .srfm-form-container.srfm-bg-color,
.sfpt-dialog .srfm-form-container-196,
.sfpt-dialog .srfm-form-container-210,
.sfpt-dialog .srfm-form {
	background: transparent !important;
	background-color: transparent !important;
	--srfm-bg-color: transparent !important;
	--srfm-bg-overlay-opacity: 0 !important;
}
.sfpt-dialog .srfm-form-container,
.sfpt-dialog .srfm-form {
	--srfm-bg-color: transparent !important;
	--srfm-color-input-label: #efe8d1;
	--srfm-color-scheme-text: #efe8d1;
	--srfm-color-input-description: rgba(239, 232, 209, 0.72);
	--srfm-color-input-placeholder: #6b7280;
	--srfm-color-input-text: #123045;
	--srfm-color-input-prefix: #123045;
	--srfm-color-input-background: #ffffff;
	--srfm-color-input-background-hover: #ffffff;
	--srfm-color-input-border: rgba(18, 48, 69, 0.22);
	--srfm-color-input-border-hover: rgba(198, 32, 55, 0.45);
	--srfm-color-input-border-focus-glow: rgba(239, 232, 209, 0.28);
	--srfm-color-input-selected: #ffffff;
	--srfm-color-scheme-primary: #118ba0;
	--srfm-color-scheme-text-on-primary: #ffffff;
	--srfm-dropdown-option-text-color: #123045;
	--srfm-dropdown-option-selected-text: #123045;
	--srfm-dropdown-placeholder-color: #6b7280;
	--srfm-dropdown-icon-color: #123045;
}

.sfpt-dialog .srfm-block-label,
.sfpt-dialog .srfm-block-legend,
.sfpt-dialog label,
.sfpt-dialog legend,
.sfpt-dialog .srfm-span-wrap,
.sfpt-dialog .srfm-cbx {
	color: #efe8d1 !important;
}

.sfpt-dialog .srfm-required {
	color: #c62037 !important;
}

.sfpt-dialog .srfm-span-wrap a {
	color: #efe8d1 !important;
	text-decoration: underline;
	text-decoration-color: #c62037;
	text-underline-offset: 2px;
}

.sfpt-dialog .srfm-span-wrap a:hover {
	color: #c62037 !important;
}

.sfpt-dialog .srfm-input-common,
.sfpt-dialog .srfm-dropdown-input,
.sfpt-dialog .ts-wrapper .ts-control,
.sfpt-dialog textarea.srfm-input-textarea,
.sfpt-dialog input[type="text"],
.sfpt-dialog input[type="email"],
.sfpt-dialog input[type="tel"],
.sfpt-dialog input[type="number"],
.sfpt-dialog select,
.sfpt-dialog textarea {
	background: #ffffff !important;
	color: #123045 !important;
	border: 1px solid rgba(18, 48, 69, 0.22) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.sfpt-dialog .srfm-input-common::placeholder,
.sfpt-dialog textarea::placeholder,
.sfpt-dialog input::placeholder {
	color: #6b7280 !important;
	opacity: 1 !important;
}

.sfpt-dialog .srfm-input-common:focus,
.sfpt-dialog .ts-wrapper.focus .ts-control,
.sfpt-dialog textarea.srfm-input-textarea:focus,
.sfpt-dialog input:focus,
.sfpt-dialog textarea:focus {
	outline: none !important;
	border-color: rgba(198, 32, 55, 0.45) !important;
	box-shadow: 0 0 0 3px rgba(239, 232, 209, 0.28) !important;
}

.sfpt-dialog .srfm-multi-choice-single {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.sfpt-dialog .srfm-multi-choice-single .srfm-block-content-wrap {
	background: #ffffff !important;
	color: #123045 !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 16px rgba(17, 139, 160, 0.12) !important;
}

.sfpt-dialog .srfm-multi-choice-single label,
.sfpt-dialog .srfm-multi-choice-single .srfm-block-content-wrap,
.sfpt-dialog .srfm-multi-choice-single .srfm-block-content-wrap * {
	color: #123045 !important;
}

.sfpt-dialog .srfm-multi-choice-single:hover .srfm-block-content-wrap {
	box-shadow: 0 0 0 2px rgba(17, 139, 160, 0.35) !important;
}

.sfpt-dialog .srfm-multi-choice-single:has(input:checked) .srfm-block-content-wrap,
.sfpt-dialog .srfm-multi-choice-single input:checked + .srfm-block-content-wrap {
	background: #ffffff !important;
	box-shadow: 0 0 0 2px #118ba0 !important;
	color: #123045 !important;
}

.sfpt-dialog .srfm-multi-choice-single:has(input:checked) label,
.sfpt-dialog .srfm-multi-choice-single:has(input:checked) .srfm-block-content-wrap * {
	color: #123045 !important;
}

.sfpt-dialog .srfm-cbx .srfm-span-wrap:first-child {
	background: #ffffff !important;
	border-color: rgba(18, 48, 69, 0.35) !important;
	border-radius: 4px;
}

.sfpt-dialog .srfm-error-message,
.sfpt-dialog .srfm-common-error-message {
	color: #ffb4bd !important;
}

.sfpt-dialog #srfm-submit-btn,
.sfpt-dialog .srfm-submit-button {
	background: transparent !important;
	color: #efe8d1 !important;
	border: 2px solid #c62037 !important;
}

.sfpt-dialog input:-webkit-autofill,
.sfpt-dialog input:-webkit-autofill:hover,
.sfpt-dialog input:-webkit-autofill:focus {
	-webkit-text-fill-color: #123045;
	caret-color: #123045;
	box-shadow: 0 0 0 1000px #ffffff inset;
	transition: background-color 9999s ease-in-out 0s;
}
