/* Form polish for Flying L POA static mirror.
   Targets the existing section__form markup so it looks like the originals
   even without the platform's runtime JS. */

.section__form {
  max-width: 900px;
  margin: 0 auto;
  font-family: inherit;
}

/* side-by-side row for Full Name + Phone on the directory form */
.section__form .flex {
  display: flex;
  gap: 20px;
}
.section__form .flex > .form__row {
  flex: 1 1 0;
  min-width: 0;
}

/* spacing between rows */
.section__form .form__row {
  margin-bottom: 18px;
}

/* labels */
.section__form .label {
  display: block;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 6px;
  color: #222;
}

/* inputs + textarea */
.section__form .input,
.section__form .textarea,
.section__form select.input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  background: #fff;
  font: inherit;
  font-size: 15px;
  color: #222;
  box-sizing: border-box;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.section__form .input:focus,
.section__form .textarea:focus,
.section__form select.input:focus {
  border-color: #888;
  box-shadow: 0 0 0 3px rgba(0,0,0,.05);
}
.section__form .textarea {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
}

/* submit button — large, red, centered */
.section__form .form__row._submit {
  text-align: center;
  margin-top: 24px;
}
.section__form .btn,
.section__form .btn_primary {
  display: inline-block;
  background: #e53935;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px 36px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s ease;
}
.section__form .btn:hover,
.section__form .btn_primary:hover {
  background: #c62828;
}

/* hide the empty platform icon holders so they don't add stray space */
.section__form .input__icon-holder { display: none; }

/* success message shown after PHP redirect (?submitted=1) */
.form-thank-you {
  max-width: 600px;
  margin: 24px auto;
  padding: 24px;
  border: 1px solid #4caf50;
  background: #f1faf2;
  border-radius: 6px;
  text-align: center;
}
.form-thank-you h3 {
  margin: 0 0 8px;
  color: #2e7d32;
}
.form-thank-you p { margin: 0; }

/* small-screen: stack the side-by-side row */
@media (max-width: 640px) {
  .section__form .flex { flex-direction: column; gap: 0; }
}