/*--------------------------------------------------------------
WooCommerce Thank You Page
--------------------------------------------------------------*/

.woocommerce-thankyou-order-details {
  border: none;
  background-color: var(--dark-grey);
  display: flex;
  align-items: center;
  padding: 26px 16px 30px;
  flex-wrap: wrap;
  gap: 28px 1rem;

  &.success {
    color: var(--green);
  }

  &.failed {
    color: $wpstream-danger;
  }

  &.warning {
    color: $wpstream-warning;
  }

  svg {
    margin-right: .5rem;
  }

  li {
    position: relative;
    border-right: unset !important;
    padding-right: 30px !important;
    margin-right: unset !important;

    &:not(:last-child):after {
      content: "";
      display: block;
      height: 40px;
      width: 2px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      background-color: $jet;
    }
  }

  li,
  li strong {
    text-transform: initial !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  @include media-breakpoint-down(md) {
    flex-direction: column;
    align-items: flex-start;
    svg {
      margin-inline: auto;
    }
    &:after {
      display: none!important;
    }
    li {
      float: none !important;
      width: 100%;
      padding-right: unset !important;
      padding-bottom: 1rem;

      &:not(:last-child):after {
        height: 2px;
        width: 100%;
        top: 100%;
        left: 0;
        right: unset;
      }
    }
  }
}

.woocommerce ul.order_details::before {
  content: none;
}

.woocommerce-order-received {
  .wpstream-order-details-table__header,
  .wpstream-order-details-table__body-line-item,
  .wpstream-order-details-table__footer-subtotal:not(:last-child) {
    border-bottom: 1px solid var(--jet-grey);
  }

}