/* EngiVolt Pro — inquiry form (self-contained; D033 palette). */

.evp-form {
	--evp-teal: #29E0C6;
	--evp-ink: #E9EEF2;
	--evp-ink-2: #B7C6D0;
	--evp-muted: #8FA6B2;
	--evp-hair: rgba(233, 238, 242, 0.14);
	--evp-hair-strong: rgba(233, 238, 242, 0.28);
	--evp-field-bg: rgba(233, 238, 242, 0.03);
	max-width: 640px;
}

.evp-form .evp-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.evp-form .evp-field {
	margin-bottom: 16px;
}

.evp-form label {
	display: block;
	font-size: 13px;
	color: var(--evp-ink-2);
	margin-bottom: 6px;
}

.evp-form .evp-optional {
	color: var(--evp-muted);
	font-size: 12px;
}

.evp-form input[type="text"],
.evp-form input[type="email"],
.evp-form select,
.evp-form textarea {
	width: 100%;
	box-sizing: border-box;
	background: var(--evp-field-bg);
	border: 1px solid var(--evp-hair);
	border-radius: 8px;
	color: var(--evp-ink);
	font: inherit;
	font-size: 14px;
	padding: 10px 12px;
	transition: border-color 0.15s ease;
}

.evp-form textarea {
	resize: vertical;
	min-height: 120px;
}

.evp-form input:focus,
.evp-form select:focus,
.evp-form textarea:focus {
	outline: none;
	border-color: var(--evp-teal);
}

.evp-form select {
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238FA6B2' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 32px;
}

/* Inquiry-type radios */
.evp-form .evp-radios {
	border: 0;
	margin: 0 0 18px;
	padding: 0;
	display: grid;
	gap: 8px;
}

.evp-form .evp-radio {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--evp-hair);
	border-radius: 8px;
	padding: 11px 14px;
	cursor: pointer;
	transition: border-color 0.15s ease;
}

.evp-form .evp-radio:hover {
	border-color: var(--evp-hair-strong);
}

.evp-form .evp-radio input {
	accent-color: var(--evp-teal);
	width: 16px;
	height: 16px;
	margin: 0;
}

.evp-form .evp-radio .t {
	font-size: 14px;
	color: var(--evp-ink);
}

/* Honeypot — visually and semantically hidden from humans */
.evp-form .evp-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Actions + status */
.evp-form .evp-form-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 4px;
}

.evp-form .evp-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: var(--evp-teal);
	color: #0E1A24;
	font-weight: 500;
	font-size: 14px;
	padding: 11px 20px;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
}

.evp-form .evp-btn:disabled {
	opacity: 0.55;
	cursor: default;
}

.evp-form .evp-inquiry-status {
	font-size: 13px;
	line-height: 1.5;
}

.evp-form .evp-inquiry-status.is-ok {
	color: var(--evp-teal);
}

.evp-form .evp-inquiry-status.is-error {
	color: #F0846F;
}

.evp-form .evp-inquiry-status.is-pending {
	color: var(--evp-muted);
}

.evp-form .evp-formnote {
	margin: 16px 0 0;
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--evp-muted);
}

@media (max-width: 640px) {
	.evp-form .evp-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
}