/**
 * Mensagem de retorno dos formulários (Contact Form 7).
 *
 * O tema estilizava .wpcf7-mail-sent-ok e .wpcf7-validation-errors — classes
 * que o Contact Form 7 usava até a versão 4.x. Da 5.0 em diante o estado
 * passou a ser uma classe no próprio <form> (form.sent, form.failed…), então
 * aqueles estilos deixaram de casar com nada e a caixa de mensagem ficou sem
 * aparência. A solução aplicada na época foi esconder a caixa com
 * `.wpcf7-response-output { display: none }`, e o efeito colateral foi que
 * ninguém mais recebia confirmação de envio, em nenhum idioma.
 *
 * Este arquivo remapeia a mesma intenção visual do tema (verde para sucesso,
 * vermelho para falha, sem borda) para os estados atuais do plugin.
 */

/* Escondida nos estados intermediários: init, submitting, resetting, validating. */
.wpcf7 form .wpcf7-response-output {
	display: none;
	margin: 16px 0 0;
	padding: 12px 16px;
	border: 0;
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.45;
}

/* Visível apenas quando há um desfecho para comunicar. */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	display: block;
}

/* Sucesso */
.wpcf7 form.sent .wpcf7-response-output {
	color: #1d5c33;
	background-color: #dff2bf;
}

/* Falha de envio, envio abortado, suspeita de spam */
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	color: #96111d;
	background-color: #ffd9d9;
}

/* Campos inválidos ou aceite não marcado: aviso, não erro */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	color: #6f4405;
	background-color: #fdf0d2;
}

/* O rótulo do aceite virou <label> para que clicar no texto marque a caixa.
   Sem isto ele herdaria o cursor de texto e não pareceria clicável. */
.wpcf7 label.aceite-rotulo {
	cursor: pointer;
}

.wpcf7 label.aceite-rotulo a {
	cursor: pointer;
}
