@import "global-variables.scss";
@import "@patternfly/patternfly/utilities/Text/text.scss";
@import "@patternfly/patternfly/utilities/Spacing/spacing.scss";
@import "@patternfly/patternfly/utilities/Sizing/sizing.scss";
@import "@patternfly/patternfly/utilities/Flex/flex.scss";

.placeholder-text {
  color: var(--pf-v5-global--Color--200);
  block-size: 2.25rem;
}

.dynamic-form-group {
  .pf-v5-c-empty-state {
    padding: 0;
  }

  .pf-v5-c-form__field-group-body {
    .pf-v5-c-form__group {
      display: block;
    }

    .remove-button-group {
      // Move 'Remove' button the the end of the row
      grid-column: -1;
      // Move 'Remove' button to the bottom of the line so as to align with the other form fields
      display: flex;
      align-items: flex-end;
    }
  }

  // We use FormFieldGroup PF component for the nested look and for ability to add buttons to the header
  // However we want to save space and not add indent to the left so we need to override it
  .pf-v5-c-form__field-group-body {
    // Stretch content fully
    --pf-v5-c-form__field-group-body--GridColumn: 1 / -1;
    // Reduce padding at the top
    --pf-v5-c-form__field-group-body--PaddingTop: var(--pf-v5-global--spacer--xs);
  }
}
