/* ============================================
   style.css — Week 6: Formulieren & validatie
   ============================================ */

.formulier {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 420px;
}

.form-veld {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.form-veld label {
  font-weight: 600;
  color: #1F4E79;
  font-size: 0.9rem;
}

.form-veld input,
.form-veld select,
.form-veld textarea {
  padding: 0.5rem;
  border: 1px solid #B7C6D9;
  border-radius: 4px;
  font-size: 1rem;
  font-family: inherit;
}

.form-veld small {
  color: #595959;
  font-size: 0.8rem;
}

.verplicht { color: #B45309; }

button[type="submit"] {
  background: #1F4E79;
  color: #fff;
  border: none;
  padding: 0.7rem 1.2rem;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  align-self: flex-start;
}

button[type="submit"]:hover { background: #2E75B6; }