/* /styles/components/forms.css
   Form component (secondary conversion path)
   Visualmente mais leve que o CTA principal (WhatsApp)
*/

/* ------------------------------ Base Form ------------------------------ */

.c-form {
  display: grid;
  gap: var(--space-5);
}

/* ------------------------------ Field ------------------------------ */

.c-form__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

/* Hidden honeypot */
.c-form__field--hidden {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

/* ------------------------------ Label ------------------------------ */

.c-form__field label {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-500);
  color: var(--color-text-muted);
}

/* ------------------------------ Input ------------------------------ */

.c-form__field input {
  width: 100%;
  min-height: 44px;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-12);

  border: 1px solid var(--color-border);
  background: var(--color-surface);

  font-size: var(--font-size-16);
  color: var(--color-text);

  transition:
    border-color var(--dur-200) var(--ease-out),
    box-shadow var(--dur-200) var(--ease-out),
    background-color var(--dur-200) var(--ease-out);
}

/* Focus (não competir com botão principal) */
.c-form__field input:focus {
  outline: none;
  border-color: var(--color-accent-500);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* ------------------------------ Hint ------------------------------ */

.c-form__hint {
  font-size: var(--font-size-12);
  color: var(--color-text-muted);
  opacity: 0.8;
}

/* ------------------------------ States ------------------------------ */

.c-form__field.is-error input {
  border-color: var(--color-danger-600);
  background: rgba(239, 68, 68, 0.03);
}

.c-form__field.is-success input {
  border-color: var(--color-success-600);
}

/* ------------------------------ Status Message ------------------------------ */

.c-form__status {
  font-size: var(--font-size-14);
  min-height: 20px;
  line-height: 1.4;
}

/* Estados */
.c-form__status.is-info {
  color: var(--color-text-muted);
}

.c-form__status.is-success {
  color: var(--color-success-600);
}

.c-form__status.is-error {
  color: var(--color-danger-600);
}

/* ------------------------------ Submit Button ------------------------------ */

/* Aqui é o ponto chave:
   - manter funcional
   - mas não competir com WhatsApp
*/

.c-form button {
  margin-top: var(--space-2);
}

/* ------------------------------ Motion Safety ------------------------------ */

@media (prefers-reduced-motion: reduce) {
  .c-form__field input {
    transition: none;
  }
}