@import 'css/master/settings/settings';

.unified_price_savings_detail {
  position: relative;
  margin-top: 2px;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
  font-size: 11px;
  line-height: 11px;
  a {
    color: $blue;
  }
  .price_column {
    cursor: pointer;
    padding-top: 3px;
  }
  &:hover {
    .savings_detail_hover {
      opacity: 1;
      pointer-events: auto;
      cursor: default;
      font-size: 13px;
      line-height: 13px;
      @include transform(translateY(0px));
      &:before, &:after {
        pointer-events: auto;
      }
    }
  }
}

.unified_price_block {
  font-size: $baseFontSize;

  &.unified_map_price {
    margin-bottom: 10px;
  }

  .btn {
    margin-top: 5px;
    font-size: 0.8em;
    &:hover {
      margin-top: 5px;
      font-size: 0.8em;
    }
  }

  /* Color Setup */
  .gray_price {
    color: $pricingGray;
  }
  .red_price {
    color: $pricingRed;
  }
  /* END Color Setup */

  /* Table Alignment Setup */
  .unified_price_table {
    display: table;
    border-collapse: collapse;
  }
  .unified_price_row {
    display: table-row;
    padding-bottom: 3px;
  }
  .price_column {
    position: relative;
    display: table-cell !important;
    padding-bottom: 5px;
    width: auto;
    &:nth-child(1) {
      padding-right: 5px;
    }
    &.savings_detail_info {
      padding: 0;
    }
  }
  /* END Table Alignment Setup */

  /* Font Styling DEFAULT SETUP */
  .unified_reg_price {
    color: $pricingGray;
    font-size: 0.775em;
    line-height: 0.775em;
  }

  .unified_sale_price {
    font-weight: $fontWeightBold;
    font-size: 1em;
    line-height: 1em;
  }

  .priceColumnSmarter {
    font-size: 0.786em;
  }

  .unified_mailin_cart {
    font-size: 0.75em;
  }

  .unified_member_price {
    font-weight: $fontWeightSemiBold;
    font-size: 0.775em;
    line-height: 0.775em;
  }

  .unified_non_member_price {
    font-size: 0.775em;
    line-height: 0.775em;
  }

  .savings_detail {
    font-weight: $fontWeightNormal;
    font-size: 11px;
    line-height: 11px;
    margin: 0 0 2px 0;
  }

  .price_shipping_charges {
    @include font-size(13px);
    font-weight: $fontWeightNormal;
    color: $black;
    margin-bottom: 10px;
  }

  .unified_login_join {
    font-size: 0.7em;
    .price_column { text-align: right; }
  }

  .unified_qty_limit {
    color:$black;
    font-weight: $fontWeightSemiBold;
    @include font-size($baseFontSize - 2);
  }
  /* END Font Styling DEFAULT SETUP */

  /* Small Font Styling */
  &.sm {
    font-size: $baseFontSize - 2;
  }
  /* END Small Font Styling */

  /* Large Font Styling */
  &.lg {
    font-size: $baseFontSize + 6;

    .unified_login_join {
      font-size: 0.6em;
    }
  }
  /* END Large Font Styling */

  /* Box setup for login or join now */
  .unified_border_top {
    border: 1px solid $grayLight;
    background: lighten($grayLight, 8%);
    border-bottom: none;
    .price_column {
      padding: 7px 10px 1px 0;
      &.right {
        padding: 7px 5px 1px 10px;
      }
    }
  }

  .unified_border_bottom {
    border: 1px solid $grayLight;
    background: lighten($grayLight, 8%);
    border-top: none;
    font-weight: $fontWeightNormal;
    a {
      color: $blue;
      font-weight: $fontWeightNormal;
    }
    .price_column {
      padding: 0 10px 5px 0;
    }
  }
  /* END Box setup for login or join now */
}

/* Search Specific height for vertical alignment */
#navSearch {
  .unified_price_block {
    float: left;
    clear: both;
    margin: 10px 0;
  }
  .list_view {
    .unified_price_block {
      float: right;
    }
    .map_price_btn {
      text-align: right;
      margin-bottom: 5px;
    }
  }
}

/* END Search Specific height for vertical alignment */

/* Dynamic Ads Specific Styles */

#homePage div.dat_template1,
.promoAd_template {
  .member_price {
    clear: both;
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1;

    .tag_smallPrice {
      padding-top: 1px;
      float: left;
    }
  }
  .tag_member_price .uom {
    font-size: 12px;
    font-weight: normal;
    color: #72777c;
    vertical-align: top;
  }
}