/* Valor Azure Funnel - embed wrapper + native form slot.
   Tokens mirror the Valor design system: Ink #0E1B30, Navy #1C2C44,
   Slate #233D6E, Mint #7BC8AE, Paper #F4F3EE. */

.valor-embed-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
}

.valor-embed-frame {
	width: 100%;
	border: 0;
	display: block;
	background: #0E1B30; /* Ink, so there is no white flash before the funnel paints. */
	min-height: 600px;
	transition: height 180ms ease;
}

/* Native form slot (deposits + uploads, handled by your forms plugin). */
.valor-form-slot {
	background: #F4F3EE; /* Paper */
	padding: 48px 20px 64px;
}

.valor-form-slot[data-state="closed"] {
	display: none;
}

.valor-form-slot[data-state="open"] {
	display: block;
	animation: valor-fade-in 320ms ease both;
}

@keyframes valor-fade-in {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

.valor-form-card {
	max-width: 680px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 2px solid #1C2C44;
	box-shadow: 6px 6px 0 #7BC8AE; /* the "punch" offset shadow */
	border-radius: 14px;
	padding: 32px 28px;
}

.valor-form-heading {
	font-family: "Sora", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #1C2C44;
	font-size: clamp(22px, 3.4vw, 30px);
	margin: 0 0 8px;
	line-height: 1.12;
}

.valor-form-intro {
	font-family: "Public Sans", system-ui, -apple-system, sans-serif;
	color: #4D586B;
	font-size: 15.5px;
	line-height: 1.6;
	margin: 0 0 22px;
}

.valor-form-fields {
	font-family: "Public Sans", system-ui, -apple-system, sans-serif;
}

/* Make common form plugins feel at home inside the card. */
.valor-form-fields input[type="text"],
.valor-form-fields input[type="email"],
.valor-form-fields input[type="tel"],
.valor-form-fields input[type="number"],
.valor-form-fields textarea,
.valor-form-fields select {
	border: 2px solid #E3E1D8;
	border-radius: 10px;
	padding: 10px 12px;
}

.valor-form-fields input:focus,
.valor-form-fields textarea:focus,
.valor-form-fields select:focus {
	outline: 3px solid #7BC8AE;
	outline-offset: 2px;
	border-color: #1C2C44;
}

@media (max-width: 600px) {
	.valor-form-card { padding: 24px 18px; box-shadow: 4px 4px 0 #7BC8AE; }
}