.c-field,
.c-comments .comment-form :where(input:not([type="checkbox"]):not([type="submit"]), textarea) {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: var(--control-height);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width-sm) solid var(--color-border);
  border-radius: var(--control-radius);
  color: var(--color-text);
  background: var(--color-surface);
}

.c-comments .comment-form textarea {
  resize: vertical;
}

.c-search-form {
  display: grid;
  gap: var(--space-2);
  max-inline-size: var(--container-reading);
}

.c-search-form__controls {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.c-search-form__controls .c-field {
  flex: 1 1 14rem;
}

/* Wspólna odmiana kontrolki na ciemnym tle. */
.c-field--inverse { color: var(--color-text-inverse); border-color: var(--color-border-inverse); background: var(--color-control-inverse); }
.c-field--inverse::placeholder { color: var(--color-text-inverse-secondary); opacity: 1; }

/* Natywny select z tą samą ikoną 16×16 co w projekcie. */
.c-field--select {
  appearance: none;
  background-image: url('../../images/icon-caret-down.svg');
  background-position: right var(--space-3) center;
  background-repeat: no-repeat;
  background-size: var(--space-4) var(--space-4);
  padding-inline-end: calc(var(--space-3) * 3);
}