$backorder-description-font-size: 16px;
$backorder-description-line-height: 1.4;
$backorder-description-lines-to-show: 3;

#cart .block-copy {
  display: block;
  width: 100%;
}

.backorder-item{

  &-img {
    img {
      max-width: 100%;
      height: auto;
    }
  }
  &-products{
    width: 100%;
    @include padding(10px 0 0 0);
    @include font-size($base-font-size);
  }

  &-details {
    &-sku {
      color: $gray;
    }
  }

  &-btn-wrapper {
    text-align: right;
  }

  .vertical-align-top{
    vertical-align: top;
  }
}

.cart-notavail {
  &-item,
  &-item-info {
    img {
      max-width: 100%;
      width: auto;
      height: auto;
    }
  }

  &-item-remove {
    margin-left: 12px;
  }
}

.cart-blackout {
  &-item {
    img {
      max-width: 100%;
      width: auto;
      height: auto;
    }
  }
}

.cart-restricted {
  &-item {
    img {
      max-width: 100%;
      width: auto;
      height: auto;
    }
  }
}

@media (max-width: $screen-xs-max) {

  .backorder-item{

    &-description {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: $backorder-description-lines-to-show;
      -webkit-box-orient: vertical;
      @include font-size($backorder-description-font-size);
      line-height: $backorder-description-line-height;
      max-height: $backorder-description-font-size * $backorder-description-lines-to-show * $backorder-description-lines-to-show;
    }

    &-img,
    &-sku-price,
    &-value-price,
    &-checkoutbox,
    &-btn-wrapper {
      text-align: left;
    }
  }

  .padding-top-15{
    padding-top: 15px;
  }

  .cart-notavail {
    &-item-remove {
      margin-left: 0;
      float: right;
    }
  }
}

.warning-row td {
  padding-top: 0;
  padding-bottom: 12px;
}

.cart-item-substitution {
  &.background-header {
    background-color: #EAF2FB;
  }

  .cart-item-block {
    padding: 0;
  }

  &-inner {
    display: flex;
    align-items: center;
    padding: 10px 15px;
  }

  &-icon {
    flex: 0 0 auto;
    margin-right: 8px;
    color: $blue;
  }

  &-text {
    flex: 1 1 auto;

    min-width: 0;

    color: $black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: $screen-sm) {
  .cart-notavail-item-info .entered-item {
      display: block;
  }
}

.instore-pickup-info-address {

  &-city:after {
    content: ',';
  }

}



.holland-description{
  text-align: left;


}
.holland-clear{
  clear: both;
}
.holland-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.holland-sku-price-list{
  text-align:initial;
  color:#808285;
}

.holland-message-enable {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  padding-right: 20px;
  table-layout: fixed;
}

.holland-message-enable{
  th,td{
    white-space: nowrap;
    padding-right: 20px;
  }
}

@media screen and (max-width: $screen-sm-max) {
  .holland-wrap{
    flex-direction: column;
    align-items: normal;
  }
  .holland-message-enable {
    width: 100%;
  }
  .holland-message-enable{
    th,td{
      white-space: normal;
    }
  }

  .holland-message-enable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .holland-message-enable tr {
    display: block;
    margin-bottom: .625em;
  }

  .holland-message-enable td {
    display: block;
    text-align: right;
  }

  .holland-message-enable td::before {
    content: attr(data-th);
    color:black;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .holland-message-enable td:last-child {
    border-bottom: 0;
  }
}