/**
 * @file
 * Drupal 11 form markup made to look like the Drupal 7 forms of the site.
 */

/* Paragraphs widget (was a field_collection in a Display Suite 2-column
   form layout): crop left, amount right, remove button below. */
.field--widget-entity-reference-paragraphs .paragraph-type-title {
  display: none;
}
.field--widget-entity-reference-paragraphs td > div > .form-wrapper {
  display: flex;
  flex-direction: column-reverse;
}
.field--widget-entity-reference-paragraphs .paragraphs-subform {
  display: flex;
}
.field--widget-entity-reference-paragraphs .paragraphs-subform > .form-wrapper {
  width: 50%;
}
.field--widget-entity-reference-paragraphs .paragraphs-subform > .field--name-field-hoeveelheid {
  padding-left: 1em;
  box-sizing: border-box;
}
.field--widget-entity-reference-paragraphs .paragraphs-subform .form-item {
  margin: 0;
}

/* Tabledrag "show row weights": a link in D7. */
.tabledrag-toggle-weight-wrapper {
  text-align: right;
}
button.tabledrag-toggle-weight {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 0.9em;
  color: #B6562C;
  text-decoration: underline;
  cursor: pointer;
}

/* CKEditor 5: about the height of the D7 TinyMCE editor (5 rows). */
.ck-editor__editable_inline {
  min-height: 7em;
}