/** Champs de formulaire. */

input[type="text"], input[type="search"], input[type="email"], input[type="url"],
input[type="password"], input[type="number"], textarea, select {
  width: 100%;
  padding: 0.7em 0.9em;
  background: var(--jdj-surface);
  border: 1px solid var(--jdj-border);
  border-radius: var(--jdj-radius-sm);
  color: var(--jdj-text);
  font-size: var(--fs-sm);
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--jdj-primary);
  box-shadow: 0 0 0 3px rgba(var(--jdj-primary-rgb), 0.18);
}
::placeholder { color: var(--jdj-text-faint); }
textarea { min-height: 140px; resize: vertical; }
label { font-size: var(--fs-sm); font-weight: 600; }

.search-form { display: flex; gap: var(--sp-1); }
.search-form .search-submit { white-space: nowrap; }

/* Formulaire de commentaire. */
.comment-form { display: grid; gap: var(--sp-2); margin-top: var(--sp-3); }
.comment-form p { display: grid; gap: 0.3em; margin: 0; }
.comment-form .form-submit { margin-top: var(--sp-1); }