/*
 * Shared form geometry.
 * Keep colors/background nuances in page-specific CSS if needed.
 */

.form-item {
  margin-bottom: 1rem;
}

.form-item label,
label.control-label {
  display: block;
  margin: 0 0 0.5rem;
  font-weight: 600;
}

.form-control,
.form-text,
.form-email,
.form-tel,
.form-url,
.form-search,
.form-number,
.form-select,
select,
textarea.form-textarea,
textarea {
  width: 100%;
  min-height: 48px;
  padding: 0.875rem 1rem;
  border-radius: 14px;
  box-sizing: border-box;
}

textarea.form-textarea,
textarea {
  min-height: 120px;
}

.form-actions {
  margin-top: 1.25rem;
}

.description,
.form-item__description {
  margin-top: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.45;
}