/* ============================================
   Submit Deal Page — centered light card, save-submission form
   Mobile First. Bricks Form markup:
   <form.submit-deal__form> > .form-group > label + input[type=text]/textarea
   + .form-group.submit-button-wrapper > button[type=submit]
   ============================================ */

.submit-deal-section {
  padding: var(--sp-8) var(--sp-6);
  background: var(--gx-bg-page);
}

.submit-deal-section__inner {
  max-width: 640px;
  margin: 0 auto;
}

/* ── Card ────────────────────────────────────── */

.submit-deal {
  background: var(--gx-white);
  border-radius: var(--gx-r-xl);
  padding: var(--sp-8) var(--sp-6);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .06);
}

/* ── Copy ────────────────────────────────────── */

.submit-deal__copy {
  margin: 0 0 var(--sp-8);
}

.submit-deal__label {
  font-size: var(--fs-xs);
  font-weight: 700;
  color: var(--gx-accent);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 var(--sp-2);
}

.submit-deal__headline {
  font-size: var(--fs-lg);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.3;
  color: var(--gx-ink);
  margin: 0;
}

.submit-deal__desc {
  font-size: var(--fs-sm);
  color: var(--gx-ink-2);
  line-height: 1.7;
  margin: var(--sp-4) 0 0;
}

/* ── Form ────────────────────────────────────── */

.submit-deal__form {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
}

.submit-deal__form .form-group {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.submit-deal__form .form-group label {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--gx-ink);
}

.submit-deal__form .form-group input[type="text"],
.submit-deal__form .form-group textarea {
  width: 100%;
  padding: 13px 16px;
  border: 1px solid #d2d2d7;
  border-radius: var(--gx-r-sm);
  background: var(--gx-white);
  color: var(--gx-ink);
  font-size: var(--fs-base);
  font-family: inherit;
}

.submit-deal__form .form-group textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.6;
}

.submit-deal__form .form-group input[type="text"]:focus,
.submit-deal__form .form-group textarea:focus {
  outline: none;
  border-color: var(--gx-accent);
  box-shadow: 0 0 0 3px var(--gx-accent-soft);
}

.submit-deal__form .form-group input::placeholder,
.submit-deal__form .form-group textarea::placeholder {
  color: #86868b;
}

/* Submit button */
.submit-deal__form .submit-button-wrapper {
  margin-top: var(--sp-2);
}

.submit-deal__form .submit-button-wrapper button[type="submit"] {
  width: 100%;
  padding: 15px var(--sp-8);
  border: none;
  border-radius: 999px;
  background: var(--gx-accent);
  color: var(--gx-white);
  font-size: var(--fs-base);
  font-weight: 600;
  text-align: center;
  box-shadow: 0 8px 22px rgba(255, 69, 0, .35);
  cursor: pointer;
}

.submit-deal__form .submit-button-wrapper button[type="submit"]:hover {
  background: var(--gx-accent-dark);
}

/* Hide the submit spinner at idle — Bricks reveals it via inline style during XHR submit */
.submit-deal__form .bricks-button .loading {
  display: none;
}

/* Form result message (success / error) */
.submit-deal__form .bricks-form-message {
  margin-top: var(--sp-4);
  font-size: var(--fs-sm);
  color: var(--gx-ink);
}

/* ── PC (min-width: 768px) ───────────────────── */

@media (min-width: 768px) {
  .submit-deal-section {
    padding: var(--sp-24) var(--sp-8);
  }

  .submit-deal {
    padding: var(--sp-12) var(--sp-12);
  }

  .submit-deal__headline {
    font-size: 28px;
  }

  .submit-deal__form .submit-button-wrapper button[type="submit"] {
    width: auto;
    min-width: 200px;
  }
}