/* ===== CLEAN TIGHT CONTACT FORM ===== */

.login-form {
  max-width: 700px;
  margin: 15px auto;   /* was larger */
  padding: 10px;
}
/* Header */
.login-form header {
  margin-bottom: 12px;
}

.login-form header p {
  margin-bottom: 10px;
  color: #666;
}

/* Fieldsets */
fieldset {
border: 1px solid #e5e5e5;
  padding: 10px 12px;   /* was 12–18 */
  margin-bottom: 10px;  /* reduce spacing between sections */
  border-radius: 4px;
}

legend {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
}
/* Rows */
.form-row {
  display: flex;
  align-items: center;
  margin-bottom: 6px;   /* tighter rows */
}
/* Labels */
.form-row label {
  width: 120px;        /* slightly smaller */
  min-width: 120px;
  margin-right: 12px;  /* ← THIS creates breathing room */
  font-size: 14px;
}
/* Inputs */
.form-row input,
.form-row textarea {
  flex: 1;
  width: 100%;
  padding: 7px 8px;   /* slightly tighter */
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
/* Reduce textarea height slightly */
.form-row textarea {
  min-height: 100px;
}

/* Button */
.form-footer {
  margin-top: 10px;
}

.form-footer button {
  width: 100%;
  padding: 10px;
  background: #c98b2c;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  cursor: pointer;
}

.form-footer button:hover {
  background: #b57a1f;
}

/* MOBILE */
@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-row label {
    width: 100%;
    margin-bottom: 4px;
  }
}