.order-line-shop-list {
  padding: 20px 0;
  border-top: 1px solid $gray;

  &:last-child {
    border-bottom: 1px solid $gray;
  }

  &:first-child {
    border-top: 0;
  }

  &__img {
    width: 148px;
    margin-right: 22px;

    img {
      width: 100%;
    }

    @include media-breakpoint-down(sm) {
      width: 100%;
      margin: 0;
    }
  }

  &__inner {
    flex: 2;
    @include media-breakpoint-down(sm) {
      flex: 1;
    }
  }

  &__info {
    flex: 2;
    margin-right: 15px;
    @include media-breakpoint-down(sm) {
      flex: 1;
      margin: 0;
    }
  }

  &__calcs {
    width: 240px;
    @include media-breakpoint-down(sm) {
      width: 100%;
    }

    .order-line__value {
      .product-card__quantity {
        justify-content: space-between;

        @include media-breakpoint-down(sm) {
          justify-content: normal;

          .tbx_quantity {
            margin-right: 20px;
          }
        }
      }

      .product-card__price {
        &__old-price {
          display: none;
        }

        &__value {
          font-size: 1rem;
          font-weight: $btn-font-weight;
          color: $blue-dark;

          @include media-breakpoint-down(sm) {
            color: $blue-darker;
            font-size: 24px;
          }
        }

        &__sqm {
          display: none;
        }

        &__saved {
          display: none;
        }

        &__total {
          font-size: 20px;
          font-weight: 700;
          line-height: 1.5rem;
          color: $blue-dark;

          @include media-breakpoint-down(sm) {
            color: $blue-darker;
            font-size: 34px;
          }
        }
      }

      .main-price {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: baseline;

        &__vat {
          color: $blue-darker;
          font-size: .75rem;
          margin-left: .4rem;
          font-weight: 500;
        }
      }
    }
  }

  &__calc {
    margin-bottom: 15px;
  }

  .price-item {
    margin-bottom: 10px;
  }

  .total-price-item {
    @include media-breakpoint-up(md) {
      margin-bottom: 15px;
    }
  }

  &__price-discount {
    .order-line__value {
      .product-card__price {
        &__old-price {
          display: block;
          margin-bottom: 5px;
          font-size: 1rem;
          font-weight: $btn-font-weight;
        }

        &__value {
          font-size: 1.125rem;
          font-weight: 700;
          line-height: 1.5rem;
          color: $red;

          @include media-breakpoint-down(sm) {
            font-size: 22px;
          }
        }

        &__sqm {
          display: block;
          font-weight: $btn-font-weight;
          color: $red;

          @include media-breakpoint-down(sm) {
            font-size: 1rem;
          }
        }

        &__saved {
          display: block;

          @include media-breakpoint-down(sm) {
            font-size: 1rem;
          }
        }

        &__total {
          color: $red;

          @include media-breakpoint-down(sm) {
            font-size: 22px;
          }
        }
      }
    }
  }

  &__title_link {
    text-decoration: underline;
    font-size: 1rem;
    font-weight: $btn-font-weight;
    line-height: 1.5rem;
    display: inline-block;
    margin-bottom: 16px;

    @include media-breakpoint-down(sm) {
      margin-top: 20px;
    }
  }

  &__code {
    margin-bottom: 15px;
    white-space: nowrap;
  }

  .order-line__promo {
    margin: 10px 0 15px;
  }

  &__delivery {
    align-items: center;
    border-top: 1px solid $gray-light;
    padding-top: 20px;

    &-action-btn {
      @include make-col(12);
      display: flex;

      .delivery-action-item {
        &:first-child {
          padding-right: 15px;
        }

        @include media-breakpoint-down(sm) {
          &:first-child {
            padding-right: 0;
          }
        }

        &-error {
          color: $warm-grey;
          font-weight: $btn-font-weight;
        }

        &__add-to-delivery {
          @include make-col(4);
        }

        &__click-and-collect {
          @include make-col(8);
          display: flex;
          align-items: flex-start;

          & > div {
            @include make-col(6);
          }
        }

        &__check-in-store {
          @include make-col-ready;

          display: block;
          font-weight: $btn-font-weight;
          font-size: $font-size-base;
        }
      }

      .btn {
        width: 100%;
      }
    }

    &-in_store_only {
      @include media-breakpoint-down(sm) {
        @include make-col(12);
        margin-bottom: 16px;
      }

      @include make-col(8);

      width: 100%;
      padding: 10px;
      text-align: center;
      border: 1px solid $gray-light;
    }

    @include media-breakpoint-down(sm) {
      flex-direction: column;
      border-top: 0;

      &-action-btn {
        @include make-col(12);
        width: 100%;
        flex-direction: column;

        .delivery-action-item {
          @include make-col(12);

          &-error {
            margin-bottom: 16px;
          }

          &__add-to-delivery {
            @include make-col(12);
          }

          &__click-and-collect {
            @include make-col(12);
            display: block;

            & > div {
              @include make-col(12);
            }

            &:first-child {
              padding-right: 0;
            }
          }

          &__check-in-store {
            display: block;
            margin-bottom: 15px;
            text-align: center;
          }
        }

        .btn {
          width: 100%;
          margin-bottom: 16px;
        }
      }
    }
  }

  &__remove {
    font-weight: $btn-font-weight;
    font-size: $font-size-base;

    .no-title {
      text-decoration: none;

      @include media-breakpoint-down(sm) {
        display: none;
      }
    }

    .has-title {
      text-decoration: none;

      @include media-breakpoint-up(md) {
        display: none;
      }
    }

    .remove-action-icon {
      margin-right: 10px;

      .fa-trash {
        height: 20px;
        width: 20px;
      }
    }

    .remove-action {
      text-decoration: underline;
    }
  }

  &__add-to-list {
    margin: 15px 6px 0;

    @include media-breakpoint-down(sm) {
      margin-top: 0;
    }

    .icon {
      height: 20px;
      width: 20px;
      margin: 0 17px 0 0;
    }

    .add-call {
      font-weight: 500;

      span {
        vertical-align: top;
      }
    }
  }

  &__lbl {
    @include make-col(4);
    @include media-breakpoint-down(sm) {
      @include make-col(5);
    }
    display: inline-block;
    vertical-align: top;
    color: $warm-grey;
    font-weight: 700;
  }

  .order-line__value {
    @include make-col(8);
    @include media-breakpoint-down(sm) {
      @include make-col(7);
    }
  }
}
