/**
 * LeCard — estilo dos formularios Fluent Forms para casar com o design do tema.
 * Enfileirado por functions.php (so no front, prioridade tardia). NAO faz parte
 * do build do Tailwind — e um arquivo a parte, editado a mao.
 *
 * Alvo: markup do Fluent Forms free (.fluentform / .ff-el-group / .ff-el-form-control /
 * .ff-btn-submit). Reproduz os inputs cinza-claro arredondados, grid 2 colunas
 * (ultimo campo full via classe container `ff_full_width`), label discreta acima
 * e botao pill grafite dos <form> originais do tema.
 *
 * Tokens do tema: brand #ffc200 · graphite #333 · ink #121214 · input #f3f3f3.
 */

/* ---- grid 2 colunas ------------------------------------------------------ */
.fluentform .frm-fluent-form > fieldset {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 38px;
	row-gap: 22px;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* legend (screen-reader) e hidden inputs nao devem ocupar celula util */
.fluentform .frm-fluent-form > fieldset > .ff_screen_reader_title,
.fluentform .frm-fluent-form > fieldset > input[type="hidden"] {
	grid-column: 1 / -1;
	margin: 0 !important;
}

/* cada campo: uma celula; zera a margem do Fluent (usamos gap) */
.fluentform .ff-el-group {
	margin: 0 !important;
}

/* campos "full" (empresa, mensagem, email do estab.) ocupam a linha inteira */
.fluentform .ff-el-group.ff_full_width,
.fluentform .ff-el-group.ff_submit_btn_wrapper {
	grid-column: 1 / -1;
}

@media (max-width: 640px) {
	.fluentform .frm-fluent-form > fieldset {
		grid-template-columns: 1fr;
		column-gap: 0;
	}
}

/* ---- label discreta acima ------------------------------------------------ */
.fluentform .ff-el-input--label {
	margin-bottom: 12px;
	padding: 0;
}

.fluentform .ff-el-input--label label {
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
	font-size: 15.6px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: -0.16px;
	color: #040404;
	margin: 0;
}

/* asterisco do required — discreto (o design original nao tinha; mantemos so
   um marcador cinza suave, casando com a label discreta do tema) */
.fluentform .ff-el-is-required.asterisk-right label:after,
.fluentform .ff-el-is-required.asterisk-left label:before {
	color: #b7b7b7 !important;
	font-weight: 400 !important;
}

/* ---- inputs / textarea / select ----------------------------------------- */
.fluentform .ff-el-input--content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.fluentform .ff-el-input--content textarea,
.fluentform .ff-el-input--content select {
	width: 100% !important;
	background-color: #f3f3f3 !important;
	border: 1px solid #f3f3f3 !important;
	border-radius: 6px !important;
	color: #040404 !important;
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
	font-size: 15.6px !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease;
}

.fluentform .ff-el-input--content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.fluentform .ff-el-input--content select {
	height: 48px !important;
	padding: 0 17px !important;
}

.fluentform .ff-el-input--content textarea {
	min-height: 120px !important;
	padding: 15px 17px !important;
	resize: none !important;
}

.fluentform .ff-el-input--content input::placeholder,
.fluentform .ff-el-input--content textarea::placeholder {
	color: #656565 !important;
	opacity: 1;
}

/* foco: borda amarela da marca, sem outline duplo */
.fluentform .ff-el-input--content input:focus,
.fluentform .ff-el-input--content textarea:focus,
.fluentform .ff-el-input--content select:focus {
	border-color: #ffc200 !important;
	outline: none !important;
	box-shadow: none !important;
}

/* estado de erro do Fluent */
.fluentform .ff-el-input--content input.ff-el-is-error,
.fluentform .ff-el-input--content textarea.ff-el-is-error {
	border-color: #e03131 !important;
}

.fluentform .error.text-danger,
.fluentform .ff-el-is-error .text-danger {
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
	font-size: 13px;
	color: #e03131;
	margin-top: 6px;
}

/* ---- botao pill grafite -------------------------------------------------- */
.fluentform .ff_submit_btn_wrapper {
	margin-top: 8px;
	text-align: center;
}

.fluentform .ff-btn-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 44px;
	padding: 0 32px;
	border: none !important;
	border-radius: 9999px !important;
	background: #333333 !important;
	background-color: #333333 !important;
	color: #ffffff !important;
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	cursor: pointer;
	box-shadow: none !important;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.fluentform .ff-btn-submit:hover {
	background: #121214 !important;
	background-color: #121214 !important;
	transform: translateY(-1px);
}

.fluentform .ff-btn-submit:active {
	transform: translateY(0);
}

/* ---- mensagem de sucesso ------------------------------------------------- */
.fluentform .ff-message-success,
.ff-message-success {
	font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	color: #1e2024;
	padding: 16px 18px;
	border-radius: 10px;
	background: #f3f4f7;
	border: 1px solid rgba(255, 194, 0, 0.4);
}

/* ---------------------------------------------------------------------------
 * Botão de envio: o estático NÃO usa um tamanho único. São dois, e a largura
 * também muda por formulário — por isso o ajuste é escopado pelo bloco em vez
 * de global (uma regra só consertava duas páginas e quebrava as outras duas).
 *
 *   usuarios / estabelecimentos / quero-contratar → 16px    (line-height 24)
 *   empresas / fale-conosco                       → 14.8px  (line-height 16)
 * ------------------------------------------------------------------------- */
.wp-block-lecard-emp-form .fluentform .ff-btn-submit,
.wp-block-lecard-fale-form .fluentform .ff-btn-submit {
	font-size: 14.8px !important;
	line-height: 16px !important;
}
.wp-block-lecard-emp-form .fluentform .ff-btn-submit { min-width: 272.78px; }
.wp-block-lecard-quero-form .fluentform .ff-btn-submit { min-width: 219px; }