/*
 * Formulário nativo "Não encontrou o imóvel certo?" (ver
 * templates-parts/formulario-nao-encontrou.html e lead-forms.js) — substitui
 * o Fluent Form #3 antigo. Vive dentro de .gb-element-f694556e, faixa de
 * fundo escuro (#014751) com imagem — cores de label/placeholder claras
 * (mesma paleta que o Fluent Form usava nesta seção: label/placeholder
 * #d9e74c) pra continuar legível sobre o fundo escuro. Largura do
 * formulário (max-width 640px, centralizado) já vem de
 * empreendimento-single.css (.gb-element-f694556e .eqi-nao-encontrou-form).
 */

.eqi-nao-encontrou-form {
	margin-top: 28px;
}

.eqi-nao-encontrou-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}

.eqi-nao-encontrou-field {
	flex: 1 1 220px;
	min-width: 0;
}

.eqi-nao-encontrou-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.85rem;
	font-weight: 600;
	color: #d9e74c;
}

.eqi-nao-encontrou-field input,
.eqi-nao-encontrou-field select {
	width: 100%;
	padding: 11px 14px;
	font-size: 1rem;
	color: #042c3b;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 6px;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.eqi-nao-encontrou-field input::placeholder {
	color: #d9e74c;
}

.eqi-nao-encontrou-field input:focus,
.eqi-nao-encontrou-field select:focus {
	outline: none;
	border-color: #d9e74c;
}

.eqi-nao-encontrou-field select:disabled {
	opacity: 0.6;
	cursor: default;
}

.eqi-nao-encontrou-honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.eqi-nao-encontrou-message {
	display: none;
	margin: 0 0 16px;
	font-size: 0.9rem;
	line-height: 1.4;
	color: #d9e74c;
}

.eqi-nao-encontrou-message.is-visible {
	display: block;
}

.eqi-nao-encontrou-message.is-error {
	color: #ff8a80;
}

.eqi-nao-encontrou-submit {
	padding: 13px 32px;
	font-size: 1rem;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	color: #042c3b;
	background-color: #d9e74c;
	border: 1px solid transparent;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.eqi-nao-encontrou-submit:hover:not(:disabled) {
	background-color: #ffffff;
	border-color: #d9e74c;
	color: #014751;
}

.eqi-nao-encontrou-submit:disabled {
	opacity: 0.6;
	cursor: default;
}

/* Envio bem-sucedido: esconde os campos preenchidos, só a mensagem fica visível (o botão some via JS). */
.eqi-nao-encontrou-form.is-submitted .eqi-nao-encontrou-row {
	display: none;
}

@media (max-width: 600px) {
	.eqi-nao-encontrou-row {
		flex-direction: column;
		gap: 12px;
	}

	/* flex-basis:220px em .eqi-nao-encontrou-field foi pensado pra largura
	   mínima no layout desktop (linha) — com flex-direction:column acima, o
	   eixo principal vira vertical e esses 220px passam a valer como altura
	   mínima, abrindo um vão vazio enorme sob cada campo. auto restaura a
	   altura pelo conteúdo real (label + input/select). */
	.eqi-nao-encontrou-field {
		flex-basis: auto;
	}
}