/**
 * Ajustes dos campos novos do formulario (select de portifolio, consentimento
 * LGPD e Turnstile). Arquivo proprio: o canex.css veio do tema WordPress e nao
 * deve ser editado a mao -- separar facilita saber o que e nosso.
 */

/* O <select> segue o mesmo tracado dos <input> do tema: sem caixa, so a linha de
   baixo. O Bootstrap traz um .form-select com borda completa e cantos
   arredondados -- que aqui destoaria de todos os outros campos. */
.wpcf7-form .form-select {
  padding: 0.075rem 1.5rem 0.075rem 0;
  border: none;
  border-bottom: 1px solid rgba(69, 90, 100, 0.5);
  border-radius: 0;
  margin-bottom: 20px;
  background-position: right 0 center;
  color: #001d47;
}
.wpcf7-form .form-select:focus {
  border-bottom-color: #001d47;
  box-shadow: none;
}

.wpcf7-form .form-label .opcional {
  font-weight: 400;
  font-size: 11px;
  text-transform: none;
  opacity: 0.55;
}

/* Consentimento LGPD: caixa a esquerda, texto legivel ao lado. */
.wpcf7-form .consentimento {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0.5rem 0 0.25rem;
  padding-left: 0;
}
.wpcf7-form .consentimento .form-check-input {
  flex: 0 0 auto;
  margin: 0.2rem 0 0;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
}
.wpcf7-form .consentimento .form-check-input:checked {
  background-color: #00b16a;
  border-color: #00b16a;
}
.wpcf7-form .consentimento .form-check-input:focus {
  box-shadow: none;
  border-color: #00b16a;
}
/* Erro de validacao: o CSS do CF7 pinta o campo de vermelho, mas a caixinha e
   pequena demais para se notar. O rotulo inteiro fica em vermelho junto. */
.wpcf7-form .consentimento .form-check-input.wpcf7-not-valid {
  border-color: #dc3232;
}
.wpcf7-form .consentimento .form-check-input.wpcf7-not-valid ~ .form-check-label {
  color: #dc3232;
}
/* O tema define `.wpcf7-form label { font-weight: bold; font-size: 12px }` para
   os rotulos curtos (NOME, E-MAIL...). O consentimento e uma FRASE: sem desfazer
   isso, ele sai em negrito, minusculo e centralizado -- ilegivel. */
.wpcf7-form .consentimento .form-check-label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #4a4a4a;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0;
  cursor: pointer;
}
.wpcf7-form .consentimento .form-check-label a {
  text-decoration: underline;
}

.wpcf7-form .cf-turnstile {
  margin: 0.25rem 0 0.5rem;
}

/* Modal de confirmacao. */
#modal-contato-enviado .modal-content {
  border: 0;
  border-radius: 6px;
  /* Sem sombra, o cartao branco se perde no fundo claro da pagina. */
  box-shadow: 0 18px 50px rgba(0, 29, 71, 0.28);
}
#modal-contato-enviado h4 {
  color: #002855;
  font-weight: 700;
}
#modal-contato-enviado p {
  color: #4a4a4a;
  margin-bottom: 0;
}
#modal-contato-enviado .btn {
  min-width: 160px;
}