@import '../helpers/helpers';

.products-list-v2 {
  .card {
    @include media-breakpoint-down(sm) {
      margin-bottom: 20px;
    }

    &__inner-v2.card__inner-v2.card__inner-v2 {
      padding-bottom: 0;

      @include media-breakpoint-down(sm) {
        border: 0;
        border-bottom: 1px solid $gray;
      }
    }

    &__img {
      &-v2 {
        max-width: 100%;
        max-height: 100%;
      }

      &-wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid $gray;

        @include media-breakpoint-down(sm) {
          border: 1px solid $gray;
        }
      }
    }

    &__offers {
      &-item-v2 {
        font-size: 1.25rem;
      }

      &-red {
        padding-left: 35px;
        padding-right: 35px;

        @include media-breakpoint-down(sm) {
          padding-left: 0;
          padding-right: 0;

        }
      }

      &-green {
        padding-left: 15px;
        padding-right: 15px;
      }
    }
  }

  .product-card {

    & .card__inner-v2:hover {
      border: 1px solid $gray-dark;

      @include media-breakpoint-down(sm) {
        border: 0;
        border-bottom: 1px solid $gray;
      }
    }

    &__header {
      margin-bottom: 15px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      //height: 100%;

      &-r1 {
        max-height: 50px;
        min-height: 50px;
      }

      &-r2 {
        max-height: 70px;
        min-height: 70px;
      }

      &-r3 {
        max-height: 90px;
        min-height: 90px;
      }

      & .product-card__title.product-card__title-v2 {
        @include clamp-text(3);
        margin-top: 5px;
        font-size: .875rem;
        font-weight: 700;
        line-height: 18px;

        @include media-breakpoint-down(sm) {
          text-align: center;
        }
      }
    }

    &__title {
      margin-bottom: 0;
    }

    &__delivery {
      @include font-size(12);
      @include line-height(16);
      font-weight: 400;
      color: $squant;
      margin-bottom: 5px;
    }

    &__content {
      height: 100%;
      margin-bottom: 5px;

      @include media-breakpoint-down(sm) {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px;
      }
    }

    &__price-value.product-card__price-value.product-card__price-value {
      font-size: 1.5rem;


      @media screen and (max-width: 321px) {
        font-size: 1.125rem;
      }
    }

    &__price-value {
      &-text {
        font-size: 1rem;
        line-height: 1;
      }
    }

    .product-rating.product-rating-v2 {
      font-size: .875rem;

      .fa-star {
        margin-right: 0;

        & + .fa-star {
          margin-left: 6px;
        }
      }
    }

    &__price {
      justify-content: flex-end;
      //max-height: 65px;
      //height: 100%;

      &_empty {
        opacity: 0;
        cursor: default;
      }

      &_sale {
        .product-card__price {
          &-value {
            color: $red;
          }

          &-sqm {
            color: $red;
          }

        }
      }

      &.product-card__price {
        margin-bottom: 5px;
      }

      &.product-card__min-height {
        min-height: 40px;
      }

      &.product-card__max-height {
        max-height: 20px;
      }

      &-sqm {
        text-align: left;
        width: 100%;
        margin-right: 0;
        font-size: .875rem;
        font-weight: 500;
        line-height: 14px;
        color: $blue-dark;
        padding: 5px 0 1px;

        @include media-breakpoint-down(sm) {
          text-align: center;
        }
      }

      &__old-price.product-card__price__old-price.product-card__price__old-price {
        padding-bottom: 5px;
        padding-left: 0;

        @include media-breakpoint-down(sm) {
          text-align: center;
        }
      }

      &-value.product-card__price-value.product-card__price-value.product-card__price-value {
        padding: 0;
        line-height: 24px;

        @include media-breakpoint-down(sm) {
          text-align: center;
        }
      }
    }

    &__reviews-v2 {
      @include media-breakpoint-down(sm) {
        display: flex;
        justify-content: center;
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .products-list-v2 .product-card {
    &__delivery {
      text-align: center;
    }
  }
}