@import '~@od/global-resources/scss/settings/index';

@mixin truncateAfterLines($line-height: 1, $lines: 3, $font-size: 16px) {
  display: block; /* Fallback for non-webkit */
  font-size: $font-size;
  line-height: $line-height;
  height: $font-size*$lines*$line-height; /* Fallback for non-webkit */

  overflow: hidden;

  @supports (-webkit-line-clamp: $lines) {
    display: -webkit-box;
    -webkit-line-clamp: $lines;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: auto;
  }
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.single-item {
  padding: 10px 20px;
  overflow: hidden;
  height: 570px;
  border: 1px solid transparent;
  border-radius: 2px;
}

.single-item:hover {
  border-color: $gray-medium;
}

.colors {
  height: 18px;
  margin-left: -5px;
}

.single-item-description-text {
  @include truncateAfterLines(1.5);
}

a.single-item-description-text-link {
  color: $black;
  font-weight: $font-weight-normal;
  display: block;
  width: 100%;
}

.single-item-sku {
  color: $gray;
  font-weight: 300;
  font-size: 12px;
  height: 30px;
  margin-top: 5px;
}

.search-results-items .single-item {
  margin-bottom: 12px;
}

// ratings
.ratings-review-text {
  font-size: 12px;
}

// links
.single-item-links {
  padding-top: 10px;
}

.single-item-links-options ul {
  list-style-type: none;
}

.single-item-links-options li {
  float: left;
}

.single-item-links-options li a {
  display: block;
  text-align: center;
  margin-right: 10px;
  font-style: italic;
  font-size: 15px;
  text-decoration: underline;
}

.single-item-top-bar .red-flag {
  display: inline-block;
}
.red-flag {
  background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/bsd/redflags.png') no-repeat;
  background-size: 20px;
  width: 20px;
  height: 40px;
}

.single-item-top-bar {
  height: 40px;
}

.single-item-compare {
  text-align: right;
  float: right;
}

.sku-badges {
  float: left;
}