/**
 * Shop product reviews
 *
 * @author    businesstech.fr <modules@businesstech.fr> - https://www.businesstech.fr/
 * @copyright Business Tech - https://www.businesstech.fr/
 * @license   see file: LICENSE.txt
 *
 *           ____    _______
 *          |  _ \  |__   __|
 *          | |_) |    | |
 *          |  _ <     | |
 *          | |_) |    | |
 *          |____/     |_|
 */
#spr .average_text {
  font-size: 15px !important;
}
#spr .pull-center {
  text-align: center !important;
}
#spr .pull-left {
  text-align: left !important;
}
#spr .pull-right {
  text-align: right !important;
}
#spr div.stars {
  display: inline-block;
  height: 50px;
  margin-top: 10px;
}
#spr div.stars-criteria {
  display: inline-block;
  height: 35px;
}
#spr input.star {
  display: none;
}
#spr label.star {
  float: right;
  padding: 5px;
  font-size: 30px;
  color: grey;
  transition: all 0.2s;
}
#spr input.star:checked ~ label.star:before {
  content: "\e838";
  color: #f4c765 !important;
  transition: all 0.25s;
}
#spr .stars:hover label.star:hover ~ label.star {
  color: #f4c765 !important;
}
#spr .stars-criteria:hover label.star:hover ~ label.star {
  color: #f4c765 !important;
}
#spr label.star:hover {
  transform: rotate(-360deg) scale(1.3);
  color: #f4c765 !important;
}
#spr label.star:before {
  content: "\e838";
  font-family: Material Icons;
}
#spr label.star:before:hover {
  color: #f4c765 !important;
}
#spr .label-criteria {
  height: 35px;
  padding-top: 5px;
  padding-bottom: auto;
}
#spr .spr-review-upload-wrapper {
  width: 100%;
  margin: 0;
}
#spr .spr-review-upload-content {
  text-align: left;
}
#spr .spr-review-images-input {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
#spr .spr-review-upload-btn {
  margin-bottom: 8px;
}
#spr .spr-review-upload-help {
  margin-bottom: 8px;
  color: #6b6b6b;
}
#spr .spr-review-images-preview,
#spr .spr-review-images-current {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
#spr .spr-review-images-preview-item,
#spr .spr-review-images-current .spr-review-image {
  width: 82px;
  height: 82px;
}
#spr .spr-review-images-preview-item img,
#spr .spr-review-images-current .spr-review-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
}