/* =====================
   INPUT PARTIAL
   ===================== */

/* Base form-control — replaces Bootstrap's .form-control */
.form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-family: var(--body-font-family);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
  color: var(--p-color);
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: var(--border-radius-large);
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out;
}

.form-control:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: none;
}

/* Input field label (below input, non-floating) */
.form-control + label {
  display: block;
  font-size: var(--btn-font-size);
  color: var(--p-color);
  margin-top: 4px;
  padding-left: 0;
}