@use 'uswds-core' as *;

$theme-process-list-counter-size-big: 3.125rem;

@include override-prose {
  .usa-process-list {
    padding-top: 0;
    padding-left: (units($theme-process-list-counter-size) * 0.5) - (0.3125rem * 0.5);

    &:not(.usa-process-list--connected) .usa-process-list__item {
      border-left-width: 0;
    }

    &.usa-process-list--big {
      padding-top: 0.5 *
        (
          $theme-process-list-counter-size-big -
            (1.125rem * lh('heading', $theme-heading-line-height))
        );
    }
  }

  .usa-process-list__item {
    padding-left: units(2) + (units($theme-process-list-counter-size) * 0.5) - (0.3125rem * 0.5);
    border-left-width: 0.3125rem;

    &::before {
      margin-top: #{(
          units($theme-process-list-counter-size) -
            (1.125rem * lh('heading', $theme-heading-line-height))
        ) * -0.5};
    }

    &:last-child {
      padding-bottom: 0;
    }
  }
}

.usa-process-list__heading {
  @include u-line-height('heading', $theme-heading-line-height);
  font-size: 1.125rem;

  & + * {
    margin-top: units(1);
  }
}

.usa-process-list.usa-process-list--big {
  padding-left: units(2.5);

  .usa-process-list__item {
    padding-left: units(6);

    &::before {
      margin-top: #{(
          $theme-process-list-counter-size-big -
            (1.125rem * lh('heading', $theme-heading-line-height))
        ) * -0.5};
      width: $theme-process-list-counter-size-big;
      height: $theme-process-list-counter-size-big;
      font-size: units(3);
    }
  }

  &.usa-process-list--connected .usa-process-list__item {
    border-left-width: units(1);
  }
}