/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * 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.md.
 * 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 license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

/**
 *  Product comments CSS
 */

#product-comments-list > *:not(:last-child) {
    border-right: 1px solid #CCCDD0;
}

.product-comment-modal .material-icons[data-icon]:before,
.product-comment-list-item .material-icons[data-icon]:before,
.product-comments-additional-info .material-icons[data-icon]:before,
#product-comments-list-header .material-icons[data-icon]:before,
#product-comments-list-footer .material-icons[data-icon]:before {
  content: attr(data-icon);
}

.btn-comment,
.btn-comment-inverse {
  height: 36px;
  border-radius: 2px;
  background-color: #6b868f;
  color: #ffffff;
  font-size: 14px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 8px;
}
.btn-comment .material-icons,
.btn-comment-inverse .material-icons {
  font-size: 20px;
  margin-right: 7px;
}

.btn-comment:hover {
  background-color: #3c4d52;
}

.btn-comment-inverse {
  background-color: #ffffff;
  color: #363a41;
  border: 1px solid #979797;
}
.btn-comment-inverse:hover {
  background-color: #6b868f;
  border: 1px solid #6b868f;
  color: #ffffff;
}

.btn-comment-big {
  padding: 13px 16px;
  height: 45px;
}

.btn-comment-huge {
  padding: 13px 28px;
  height: 45px;
}

.link-comment {
  color: #232323;
}

.link-comment:hover,
.link-comment:active {
  text-decoration: underline;
  color: #232323;
}

/**
 * Additional product infos
 */

.product-comments-additional-info {
  margin: 20px 0;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 14px;
}

.product-comments-additional-info .link-comment.post-product-comment {
  border-left: 1px solid #979797;
  padding-left: 12px;
  margin-left: 12px;
}

.product-comments-additional-info .comments-note {
  margin-right: 30px;
  margin-bottom: 20px;
}

/**
 *  Post comment modal
 */
.product-comment-modal .modal-header {
  border: none;
  padding: 30px 30px 15px;
}

.product-comment-modal .modal-body {
  padding: 15px 30px 30px;
}

.product-comment-modal .modal-header .h2 {
  float: left;
  font-size: 20px;
}

.product-comment-modal .modal-dialog {
  width: calc(100% - 30px);
  max-width: 774px;
}

.product-comment-modal .modal-dialog .h3 {
  font-size: 14px;
}

.product-comment-modal .modal-dialog .product-flag {
  display: none;
}

.product-comment-modal .modal-dialog .product-cover,
.product-comment-modal .modal-dialog .product-cover img {
  width: 99px;
  height: 99px;
}

.product-comment-modal label.form-label {
  font-size: 16px;
  margin: 10px 0;
}

.product-comment-modal input {
  width: 100%;
  height: 44px;
  border: 1px solid #bfbfbf;
  padding: 0 10px;
}

.product-comment-modal textarea {
  width: 100%;
  min-height: 80px;
  border: 1px solid #bfbfbf;
  margin-bottom: 10px;
  padding: 10px 10px;
}

.product-comment-modal .btn-comment,
.product-comment-modal .btn-comment-inverse {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

.product-comment-modal .required {
  font-size: 12px;
  margin-left: 5px;
}

.product-comment-modal .post-comment-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.product-comment-modal .post-comment-buttons .btn-comment {
  margin-left: 15px;
}

#product-comment-posted-modal .post-comment-buttons,
#product-comment-post-error .post-comment-buttons,
#update-comment-usefulness-post-error .post-comment-buttons {
  margin-top: 30px;
}

.modal-header .material-icons {
  color: #40a85f;
  font-size: 30px;
  line-height: 25px;
}

.modal-header .material-icons.error {
  color: #a94442;
}

.modal-header .material-icons.feedback {
  color: #f39d72;
}

/**
 *  Star component
 */

.star-content {
  margin: 0 0 0 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.star-content div.star,
.star-content div.star-on,
.star-content div.star-hover {
  display: block;
  width: 18px;
  height: 18px;
    background-image: url('data:image/svg+xml,<svg width="36" height="18" viewBox="0 0 36 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_9847_13467)"><path d="M24.0157 5.505L19.2307 6.19875L19.1459 6.216C19.0176 6.25006 18.9007 6.31756 18.807 6.4116C18.7133 6.50565 18.6463 6.62287 18.6127 6.7513C18.5792 6.87973 18.5803 7.01476 18.616 7.14261C18.6517 7.27046 18.7207 7.38654 18.8159 7.479L22.2824 10.8533L21.4649 15.6195L21.4552 15.702C21.4473 15.8347 21.4749 15.9671 21.535 16.0856C21.5952 16.2042 21.6857 16.3046 21.7974 16.3766C21.9092 16.4487 22.038 16.4897 22.1708 16.4956C22.3036 16.5014 22.4356 16.4719 22.5532 16.41L26.8327 14.16L31.1024 16.41L31.1774 16.4445C31.3012 16.4933 31.4358 16.5082 31.5673 16.4878C31.6987 16.4674 31.8224 16.4124 31.9256 16.3285C32.0288 16.2445 32.1079 16.1346 32.1546 16.01C32.2013 15.8854 32.214 15.7506 32.1914 15.6195L31.3732 10.8533L34.8412 7.47825L34.8997 7.4145C34.9833 7.31158 35.038 7.18834 35.0585 7.05735C35.0789 6.92636 35.0643 6.79229 35.016 6.6688C34.9678 6.54532 34.8876 6.43683 34.7838 6.35439C34.68 6.27195 34.5561 6.21851 34.4249 6.1995L29.6399 5.505L27.5009 1.17C27.439 1.0444 27.3432 0.938639 27.2243 0.864681C27.1054 0.790723 26.9682 0.751526 26.8282 0.751526C26.6882 0.751526 26.5509 0.790723 26.4321 0.864681C26.3132 0.938639 26.2173 1.0444 26.1554 1.17L24.0157 5.505Z" fill="%23A27D53"/></g><path d="M6.1822 5.505L1.3972 6.19875L1.31245 6.216C1.18415 6.25006 1.06719 6.31756 0.973516 6.4116C0.879839 6.50565 0.812799 6.62287 0.779243 6.7513C0.745687 6.87973 0.746817 7.01476 0.782517 7.14261C0.818217 7.27046 0.887209 7.38654 0.982446 7.479L4.44895 10.8533L3.63145 15.6195L3.6217 15.702C3.61384 15.8347 3.6414 15.9671 3.70153 16.0856C3.76167 16.2042 3.85223 16.3046 3.96395 16.3766C4.07566 16.4487 4.20451 16.4897 4.33731 16.4956C4.4701 16.5014 4.60207 16.4719 4.7197 16.41L8.9992 14.16L13.2689 16.41L13.3439 16.4445C13.4677 16.4933 13.6023 16.5082 13.7338 16.4878C13.8652 16.4674 13.9889 16.4124 14.0921 16.3285C14.1953 16.2445 14.2744 16.1346 14.3211 16.01C14.3678 15.8854 14.3805 15.7506 14.3579 15.6195L13.5397 10.8533L17.0077 7.47825L17.0662 7.4145C17.1498 7.31158 17.2046 7.18834 17.225 7.05735C17.2454 6.92636 17.2308 6.79229 17.1825 6.6688C17.1343 6.54532 17.0541 6.43683 16.9503 6.35439C16.8465 6.27195 16.7227 6.21851 16.5914 6.1995L11.8064 5.505L9.66745 1.17C9.60555 1.0444 9.50973 0.938639 9.39084 0.864681C9.27194 0.790723 9.13472 0.751526 8.9947 0.751526C8.85468 0.751526 8.71745 0.790723 8.59855 0.864681C8.47966 0.938639 8.38384 1.0444 8.32195 1.17L6.1822 5.505Z" stroke="%23A27D53" stroke-linecap="round" stroke-linejoin="round"/><defs><clipPath id="clip0_9847_13467"><rect width="18" height="18" fill="white" transform="translate(17.8335)"/></clipPath></defs></svg>');
  flex: auto;
  margin-left: 3px;
}
.star-content div.star-on,
.star-content div.star-hover {
  background-position: -18px 0;
}

.small-stars .star-content div.star,
.small-stars .star-content div.star-on,
.small-stars .star-content div.star-hover {
    background-image: url('data:image/svg+xml,<svg width="24" height="12" viewBox="0 0 24 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_9850_13474)"><path d="M4.12114 3.66996L0.931139 4.13246L0.874639 4.14396C0.789108 4.16667 0.711136 4.21167 0.648685 4.27436C0.586234 4.33706 0.541541 4.41521 0.51917 4.50082C0.496799 4.58644 0.497552 4.67647 0.521353 4.7617C0.545153 4.84693 0.591147 4.92432 0.654639 4.98596L2.96564 7.23546L2.42064 10.413L2.41414 10.468C2.4089 10.5564 2.42727 10.6447 2.46736 10.7237C2.50746 10.8027 2.56783 10.8697 2.64231 10.9177C2.71678 10.9657 2.80268 10.9931 2.89121 10.997C2.97974 11.0009 3.06772 10.9812 3.14614 10.94L5.99914 9.43996L8.84564 10.94L8.89564 10.963C8.97817 10.9955 9.06786 11.0054 9.15552 10.9918C9.24317 10.9782 9.32563 10.9416 9.39443 10.8856C9.46324 10.8296 9.51592 10.7563 9.54706 10.6733C9.5782 10.5902 9.58668 10.5004 9.57164 10.413L9.02614 7.23546L11.3381 4.98546L11.3771 4.94296C11.4328 4.87435 11.4694 4.79219 11.483 4.70486C11.4966 4.61753 11.4869 4.52815 11.4547 4.44583C11.4225 4.3635 11.3691 4.29118 11.2999 4.23622C11.2307 4.18126 11.1481 4.14563 11.0606 4.13296L7.87064 3.66996L6.44464 0.779961C6.40338 0.696229 6.3395 0.625719 6.26023 0.576414C6.18097 0.527108 6.08949 0.500977 5.99614 0.500977C5.90279 0.500977 5.81131 0.527108 5.73204 0.576414C5.65278 0.625719 5.5889 0.696229 5.54764 0.779961L4.12114 3.66996Z" stroke="%23A27D53" stroke-linecap="round" stroke-linejoin="round"/></g><path d="M16.1211 3.66996L12.9311 4.13246L12.8746 4.14396C12.7891 4.16667 12.7111 4.21167 12.6487 4.27436C12.5862 4.33706 12.5415 4.41521 12.5192 4.50082C12.4968 4.58644 12.4976 4.67647 12.5214 4.7617C12.5452 4.84693 12.5911 4.92432 12.6546 4.98596L14.9656 7.23546L14.4206 10.413L14.4141 10.468C14.4089 10.5564 14.4273 10.6447 14.4674 10.7237C14.5075 10.8027 14.5678 10.8697 14.6423 10.9177C14.7168 10.9657 14.8027 10.9931 14.8912 10.997C14.9797 11.0009 15.0677 10.9812 15.1461 10.94L17.9991 9.43996L20.8456 10.94L20.8956 10.963C20.9782 10.9955 21.0679 11.0054 21.1555 10.9918C21.2432 10.9782 21.3256 10.9416 21.3944 10.8856C21.4632 10.8296 21.5159 10.7563 21.5471 10.6733C21.5782 10.5902 21.5867 10.5004 21.5716 10.413L21.0261 7.23546L23.3381 4.98546L23.3771 4.94296C23.4328 4.87435 23.4694 4.79219 23.483 4.70486C23.4966 4.61753 23.4869 4.52815 23.4547 4.44583C23.4225 4.3635 23.3691 4.29118 23.2999 4.23622C23.2307 4.18126 23.1481 4.14563 23.0606 4.13296L19.8706 3.66996L18.4446 0.779961C18.4034 0.696229 18.3395 0.625719 18.2602 0.576414C18.181 0.527108 18.0895 0.500977 17.9961 0.500977C17.9028 0.500977 17.8113 0.527108 17.732 0.576414C17.6528 0.625719 17.5889 0.696229 17.5476 0.779961L16.1211 3.66996Z" fill="%23A27D53"/><defs><clipPath id="clip0_9850_13474"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
  width: 12px;
  height: 12px;
  margin-left: 2px;
}

.small-stars .star-content div.star-on,
.small-stars .star-content div.star-hover {
  background-position: -12px 0;
}

.star-content div.star-hover {
  cursor: pointer;
}

.grade-stars {
  position: relative;
  height: 20px;
  min-width: 120px;
  display: inline-block;
}

.grade-stars.small-stars {
  min-width: 100px;
}

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

.criterion-rating .grade-stars .star-content {
  top: 0;
}

#post-product-comment-modal .star-content div.star a {
  display: block;
  position: absolute;
  text-indent: -5000px;
}
#post-product-comment-modal .criterion-rating {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#post-product-comment-modal .criterion-rating label {
  color: #363a41;
  font-size: 14px;
  font-weight: bold;
}

#ratingNotChosen {
  font-size: smaller;
  color: #ab4746;
  text-align: right;
}

#post-product-comment-form input.error,
#post-product-comment-form textarea.error {
  background-color: #f2dede;
  border: solid 1px #ebcccc;
}

#post-product-comment-form input.valid,
#post-product-comment-form textarea.valid {
  border: solid 1px #d0e9c6;
}

/**
 *  Product comments list
 */

#product-comments-list-header {
  padding: 20px 15px;
  color: #232323;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.comments-nb {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    background-color: #fff;
    height: 305px;
}

#product-comments-list-header .comments-nb .material-icons {
  margin-right: 3px;
}

#product-comments-list .btn-comment {
  margin: 0 auto;
  display: block;
}

.product-comment-list-item {
  padding: 26px 0;
  margin: 0 0 20px;
  background-color: #ffffff;
  text-align: left;
}

#empty-product-comment {
  text-align: center;
}

.product-comment-list-item .grade-stars .star-content {
  margin: 0 0 10px;
}

.product-comment-list-item .comment-infos {
    display: flex;
    margin-top: 2rem;
  justify-content: space-between;
  color: #6b868f;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 19px;
}

.product-comment-list-item .comment-infos .grade-stars {
  margin-bottom: 20px;
}

.product-comment-list-item .comment-content .h4 {
  height: 22px;
  color: #363a41;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  line-height: 22px;
}

.product-comment-list-item .comment-content p {
  color: #363a42;
  font-size: 12px;
  letter-spacing: -0.28px;
  line-height: 12px;
  word-break: break-word;
  white-space: pre-wrap;
}

.product-comment-list-item .comment-content .comment-buttons a {
  color: #6b868f;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 19px;
  margin-right: 8px;
}

.product-comment-list-item .comment-content .comment-buttons a .material-icons {
  font-size: 18px;
  cursor: pointer;
}

/*
** Quickview style
*/

.product-quickview-review {
  display: flex;
  flex-direction: row;
}

.product-quickview-review .grade-stars .star-content {
  margin: 0 0 0 0;
  top: 0;
}

/*
** Product list override
*/

#products .thumbnail-container.has-reviews:hover .highlighted-informations,
#products .thumbnail-container.has-reviews:focus .highlighted-informations,
.featured-products
  .thumbnail-container.has-reviews:hover
  .highlighted-informations,
.featured-products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations,
.product-accessories
  .thumbnail-container.has-reviews:hover
  .highlighted-informations,
.featured-products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations,
.product-miniature
  .thumbnail-container.has-reviews:hover
  .highlighted-informations,
.product-miniature
  .thumbnail-container.has-reviews:focus
  .highlighted-informations {
  height: 4.5rem;
}

#products
  .thumbnail-container.has-reviews:hover
  .highlighted-informations
  .variant-links,
#products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations
  .variant-links,
.featured-products
  .thumbnail-container.has-reviews:hover
  .highlighted-informations
  .variant-links,
.featured-products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations
  .variant-links,
.product-accessories
  .thumbnail-container.has-reviews:hover
  .highlighted-informations
  .variant-links,
.featured-products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations
  .variant-links,
.product-miniature
  .thumbnail-container.has-reviews:hover
  .highlighted-informations
  .variant-links,
.product-miniature
  .thumbnail-container.has-reviews:focus
  .highlighted-informations
  .variant-links {
  min-height: 3.7rem;
}

#products
  .thumbnail-container.has-reviews:hover
  .highlighted-informations.no-variants,
#products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations.no-variants,
.featured-products
  .thumbnail-container.has-reviews:hover
  .highlighted-informations.no-variants,
.featured-products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations.no-variants,
.product-accessories
  .thumbnail-container.has-reviews:hover
  .highlighted-informations.no-variants,
.featured-products
  .thumbnail-container.has-reviews:focus
  .highlighted-informations.no-variants,
.product-miniature
  .thumbnail-container.has-reviews:hover
  .highlighted-informations.no-variants,
.product-miniature
  .thumbnail-container.has-reviews:focus
  .highlighted-informations.no-variants {
  height: 4.125rem;
}

#products
  .product-miniature
  .thumbnail-container.has-reviews
  .discount-amount.online-only,
#products
  .product-miniature
  .thumbnail-container.has-reviews
  .discount-percentage.online-only,
#products
  .product-miniature
  .thumbnail-container.has-reviews
  .on-sale.online-only,
#products
  .product-miniature
  .thumbnail-container.has-reviews
  .online-only.online-only,
#products .product-miniature .thumbnail-container.has-reviews .pack.online-only,
#products
  .product-miniature
  .thumbnail-container.has-reviews
  .product-flags
  .new.online-only,
.featured-products
  .product-miniature
  .thumbnail-container.has-reviews
  .discount-amount.online-only,
.featured-products
  .product-miniature
  .thumbnail-container.has-reviews
  .discount-percentage.online-only,
.featured-products
  .product-miniature
  .thumbnail-container.has-reviews
  .on-sale.online-only,
.featured-products
  .product-miniature
  .thumbnail-container.has-reviews
  .online-only.online-only,
.featured-products
  .product-miniature
  .thumbnail-container.has-reviews
  .pack.online-only,
.featured-products
  .product-miniature
  .thumbnail-container.has-reviews
  .product-flags
  .new.online-only,
.product-accessories
  .product-miniature
  .thumbnail-container.has-reviews
  .discount-amount.online-only,
.product-accessories
  .product-miniature
  .thumbnail-container.has-reviews
  .discount-percentage.online-only,
.product-accessories
  .product-miniature
  .thumbnail-container.has-reviews
  .on-sale.online-only,
.product-accessories
  .product-miniature
  .thumbnail-container.has-reviews
  .online-only.online-only,
.product-accessories
  .product-miniature
  .thumbnail-container.has-reviews
  .pack.online-only,
.product-accessories
  .product-miniature
  .thumbnail-container.has-reviews
  .product-flags
  .new.online-only {
  top: 11.5rem;
}

.product-list-reviews {
  position: absolute;
  top: -26px;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  padding: 4px 0;
  visibility: hidden;
}

.product-list-reviews .grade-stars .star-content {
  top: 1px;
}

.product-list-reviews .comments-nb {
  margin-left: 5px;
  font-size: 13px;
}

@media (min-width: 960px) {
  #product-comments-list-footer {
    position: relative;
    min-height: 45px;
  }

  #product-comments-list-footer .post-product-comment {
    margin: 0 auto;
    display: block;
  }

  #product-comments-list-pagination {
    position: absolute;
    right: 0;
    top: 5px;
  }
}

@media (max-width: 960px) {
  #product-comments-list-footer {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
    #product-comments-list > *:not(:last-child) {
        border-bottom: 1px solid #CCCDD0;
    }
  #product-comments-list-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }

  #product-comments-list-pagination {
    margin-bottom: 10px;
  }
}

#product-comments-list-pagination {
  height: 32px;
}

#product-comments-list-pagination ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#product-comments-list-pagination ul li span {
  height: 32px;
  width: 24px;
  margin: 0 5px;
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  color: #6b868f;
}

#product-comments-list-pagination ul li.active span,
#product-comments-list-pagination ul li span.next i,
#product-comments-list-pagination ul li span.prev i {
  font-weight: bold;
}

#product-comments-list-pagination ul li.disabled span {
  opacity: 0.3;
  cursor: not-allowed;
}

#product-comments-list-pagination ul li.active span {
  cursor: not-allowed;
}

#product-comments-list-pagination ul li.hidden {
  display: none;
}