/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 1/5/20, 1:53 AM
 * Last Modified: 12/22/19, 10:14 PM
 * Project Name: Wafaq
 * File Name: products.scss
 */

/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 12/22/19, 10:14 PM
 * Last Modified: 11/1/19, 5:58 PM
 *
 * File Name: products.scss
 */

@import '../_custom-variables/pages';

$product-discounts-cell-padding-y: .75rem !default;

// Display slider tooltips only on hover / drag
.product-list-slider.noUi-target,
.product-list-slider .noUi-target {
  .noUi-tooltip {
    opacity: 0;
    transition: opacity .2s;
  }

  &.noUi-state-drag .noUi-tooltip,
  &:hover .noUi-tooltip {
    opacity: 1;
  }
}

.product-item-table {
  tr:first-child td {
    border-top: 0 !important;
  }

  tr td:first-child {
    width: 9rem;
  }
}

.product-item-discounts-table,
.product-discounts-edit {
  thead tr:first-child th {
    border-top: 0 !important;
  }

  td,
  th {
    padding-top: $product-discounts-cell-padding-y;
    padding-bottom:$product-discounts-cell-padding-y;
    vertical-align: middle;
  }
}

.product-discounts-edit td > .input-group,
.product-discounts-edit td > .form-control,
.product-discounts-edit td > .custom-select {
  min-width: 7.5rem !important;
}

.product-image-move {
  cursor: grab;
}