/**
 * Copyright since 2002 Creabilis
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to contact@creabilis.com so we can send you a copy immediately.
 *
 * @author    Creabilis <contact@creabilis.com>
 * @copyright Since 2002 Creabilis
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of Creabilis
 */

/**
 *  Star component
 */

 .grade-stars {
  position: relative;
  display: inline-block;
  width: 5rem;
  font-size: .875rem;
}

.grade-stars .star-content {
  display: flex;
  position: absolute;
  top: -9px;
  left: 3px;
}

.grade-stars .star,
.grade-stars .star-on,
.grade-stars .star-hover {
  display: inline-block;
  margin-right: .125rem;
  font-family: 'cartzilla-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
}

.grade-stars .star {
  color: #aeb4be;
}

.grade-stars .star::before {
  content: "\e980";
}

.grade-stars .star-on,
.grade-stars .star-hover {
  color: #fea569;
}

.grade-stars .star-on::before,
.grade-stars .star-hover::before {
  content: "\e97f";
}

.grade-stars .star-hover {
  cursor: pointer;
}

/**
 *  Product list
 */

.product-list-reviews {
  visibility: hidden;
}

.product-list-reviews .grade-stars {
  width: 4.375rem;
  font-size: .75rem;
}

/**
 *  Pagination
 */

#product-comments-list-pagination ul {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

#product-comments-list-pagination li {
  margin: .15rem;
}

#product-comments-list-pagination span {
  display: block;
  padding: .375rem .75rem;
  border-radius: .3125rem;
  font-size: .9375rem;
  line-height: 1.25;
  cursor: pointer;
}

#product-comments-list-pagination li.active span {
  background-color: #fe696a;
  color: white;
}

#product-comments-list-pagination li:not(.active) span:hover {
  background-color: #f3f5f9;
}