/*
 * Lead form inside the "Kuo galiu padėti?" chooser (src/components/leads/
 * LeadForm.tsx). Split from lead-chooser.css (400-line limit); it relies on
 * the --lc-* palette that .lead-chooser defines, so every rule stays scoped
 * under .lead-chooser. Registered next to lead-chooser.css in QrLayout and
 * PublicLayout.
 */

.lead-chooser .lead-form {
  display: grid;
  gap: 0.9rem;
}

.lead-chooser .lead-form__intro {
  margin: 0;
  color: var(--lc-muted);
}

.lead-chooser .lead-form__grid {
  display: grid;
  gap: 0.9rem;
}

@container (min-width: 480px) {
  .lead-chooser .lead-form__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.lead-chooser .lead-form__field {
  display: grid;
  gap: 0.35rem;
  font-size: 0.9rem;
  font-weight: 700;
}

.lead-chooser .lead-form__field input,
.lead-chooser .lead-form__field textarea {
  width: 100%;
  min-height: 48px;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--lc-field);
  border-radius: 12px;
  background: #fff;
  color: var(--lc-ink);
  /* 16px or more keeps iOS Safari from zooming into the field. */
  font: inherit;
  font-size: 1rem;
  font-weight: 400;
}

.lead-chooser .lead-form__field textarea {
  min-height: 7rem;
  resize: vertical;
}

.lead-chooser .lead-form__field input:focus,
.lead-chooser .lead-form__field textarea:focus {
  border-color: var(--lc-green-text);
  outline: 3px solid rgba(76, 174, 80, 0.35);
  outline-offset: 0;
}

.lead-chooser .lead-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 54px;
  border: 0;
  border-radius: 999px;
  background: var(--lc-cta);
  color: #fff;
  font: inherit;
  font-size: 1.05rem;
  font-weight: 800;
  cursor: pointer;
}

.lead-chooser .lead-form__submit:hover {
  background: #c93c33;
}

.lead-chooser .lead-form__submit:disabled {
  opacity: 0.7;
  cursor: progress;
}

.lead-chooser .lead-form__submit svg {
  width: 1.1rem;
  height: 1.1rem;
}

.lead-chooser .lead-form__fallback {
  margin: 0;
  font-size: 0.95rem;
}

.lead-chooser .lead-form__fallback a {
  color: var(--lc-green-text);
  font-weight: 700;
}

.lead-chooser .lead-form__consent {
  margin: 0;
  color: var(--lc-muted);
  font-size: 0.8rem;
  text-align: center;
}

.lead-chooser .lead-form__success {
  display: grid;
  justify-items: center;
  gap: 0.75rem;
  padding: 1.25rem 0;
  text-align: center;
}

.lead-chooser .lead-form__success svg {
  width: 3rem;
  height: 3rem;
  color: var(--lc-green-text);
}

.lead-chooser .lead-form__success p {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
}

.lead-chooser .lead-form__success .lead-chooser__back {
  flex-basis: auto;
}