/**
* @author: Zbigniew Stanejko
* @copyright: © 2012-2024, Zbigniew Stanejko
* @license: This program is not free software and you can't sell and distribute it!
* @company: PrestaPremium
* @email: info@prestashop.tf
* @url: https://prestapremium.com
* ------------------------------------
* @version: 1.0.0
*
*/

.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);
}


/* 1 =============================================
=pp modal */
#post-product-comment-modal .pp-1 {
display: flex;
gap: var(--gap-3);
}
#post-product-comment-modal .pp-21 {
position: relative;
flex:0 0 25%;
}
#post-product-comment-modal .pp-21 img {
border-radius: var(--radius-3);
}
#post-product-comment-modal .pp-22 {
flex:1;
}
#post-product-comment-modal .pp-22 .name {
font-size: 2.2rem;
font-weight: 700;
line-height: 1.1;
margin-bottom: .5em;
font-family: var(--font-2);
}
#post-product-comment-modal .pp-22 .desc {
color: var(--color-gray);
}

#post-product-comment-modal #criterions_list {
display: flex;
gap: var(--gap);
flex-wrap: wrap;
justify-content: center;
}
#post-product-comment-modal #criterions_list .criterion-rating {
font-size: 1.8rem;
font-weight: 700;
display: flex;
align-items: center;
padding: .8em 1.6em;
/*background: #f7f7f7;*/
box-shadow: inset .5rem .5rem .5rem #00000011;
border-radius: var(--radius-2);
}
#ratingNotChosen {
  flex:100%;
  margin-top: 0;
}
#post-product-comment-modal .star-content div.star a {
  display: block;
  position: absolute;
  text-indent: -5000px;
}
.product-comment-modal .modal-dialog .product-flag {
  display: none;
}
.product-comment-modal .required {

}
.product-comment-modal .modal-header .material-icons.error {
  color: #a94442;
}
.product-comment-modal .modal-header .material-icons.feedback {
  color: #f39d72;
}



#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;
}



/* 1 =============================================
=pp product */
/* top */
.body#product .product-comments-additional-info .comments-note {
margin-top: -.4rem;
}
#product .product-comments-additional-info .comments-note span {
display: none;
}
.body#product .product-comments-additional-info .additional-links {
display: flex;
gap:var(--gap-2);
align-items: center;
margin-bottom: -.6rem;
}
#product .product-comments-additional-info .additional-links span {
font-size: 1.5rem;
color: var(--color-gray2);
}
#product .product-comments-additional-info .additional-links a {
display: flex;
gap:var(--gap--2);
align-items: center;
}
#product .product-comments-additional-info :is(a,button):hover * {
color: var(--color-H);
}
#product .product-comments-additional-info .additional-links button i {
font-size: 2.6rem;
}
#product .product-comments-additional-info .additional-links i {
font-size: 2rem;
}
#product .product-comments-additional-info .additional-links .edit {
position: relative;
top: -2px;
}


/* header */
#product-comments-list-header,#product-comments-list {
  max-width: 100rem;
  margin:auto;
}

#product-comments-list-header {
  padding: 0 0 var(--gap-2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-B2);
}
#product-comments-list-header .comments-nb {
display: flex;
gap: var(--gap--2);
}
#product-comments-list-header .comments-nb i {
font-size: 1.9rem;
}
#product-comments-list-header .comments-note {
display: flex;
gap: var(--gap--2);
align-items: center;
}

#empty-product-comment {
  text-align: center;
  padding-top: var(--gap-2);
}

/* list */
#product-comments-list .btn-comment {
  margin: 0 auto;
  display: block;
}
#product-comments-list,#product-comments-list :is(.comment-content,.comment-infos) {
  display: flex;
  flex-direction: column;
/*  gap: var(--gap-2);*/
}
#product-comments-list .product-comment-list-item {
margin:0;
background: #fff;
padding: var(--gap-2) 0;
gap: var(--gap-2);
display: flex;
flex-wrap: wrap;
}
#product-comments-list .product-comment-list-item+.product-comment-list-item {
border-top: 1px solid var(--color-B);
}
#product-comments-list .product-comment-list-item>* {
padding: 0;
}
/* comment-infos */
#product-comments-list .comment-infos {
max-width: 28rem;
gap: var(--gap--2);
color: var(--color-gray2);
flex:0 1 20rem;
}
#product-comments-list .comment-infos .grade-stars {
  margin-bottom: var(--gap)
}

#product-comments-list .grade-stars .star-content {
  margin-bottom: 0;
}



#product-comments-list .comment-content {
flex:1;
gap: var(--gap--1_5);
}
#product-comments-list .comment-content .name {
color: var(--color-gray);
font-size: 2.2rem;
font-weight: 500;
font-family: var(--font-2);
line-height: 1.1;
}
#product-comments-list .comment-content p {
color: var(--color-gray2);
margin:0;
}
#product-comments-list .comment-buttons {
display: flex;
justify-content: flex-end;
gap: var(--gap);
align-items: center;
}
#product-comments-list .comment-buttons a {
color: var(--color-gray);
font-size: 1.6rem;
}
#product-comments-list .comment-buttons a i {
font-size: 2rem;
cursor: pointer;
}
#product-comments-list .comment-buttons a .flag {
font-size: 2.2rem;
}
#product-comments-list .comment-buttons a:hover {
color: var(--color-H);
}


/* 2 ===============================
=pp Star component */
.star-content {
  margin: 0;
  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: 20px;
  height: 20px;
  background: url(../img/stars.png) no-repeat 0 0 transparent;
  flex: auto;
  margin-left: 3px;
}
.star-content div.star-on,
.star-content div.star-hover {
  background-position: -24px 0;
}

.small-stars .star-content div.star,
.small-stars .star-content div.star-on,
.small-stars .star-content div.star-hover {
  background: url(../img/small_stars.png) no-repeat 0 0 transparent;
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

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

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

.grade-stars {
  position: relative;
  height: 1.6rem;
  min-width: 10rem;
  display: inline-block;
}

.grade-stars.small-stars {
  min-width: 10rem;
}

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

/* 2 ===============================
=pp product-comments-list-footer */
#product-comments-list-footer {
display: flex;
flex-direction: column;
gap: var(--gap-2);
align-items: center;
padding-top: var(--gap-3);
}
/* pag */
#product-comments-list-pagination :is(ul,li span) {
display: flex;
justify-content: center;
align-items: center;
}

#product-comments-list-pagination ul {
  gap: var(--gap);
}

#product-comments-list-pagination ul li span {
  height: 3.6rem;
  min-width: 3.6rem;
  background: #fff;
  border-radius: 50%;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-gray);
  cursor: pointer;
}

#product-comments-list-pagination :is(.active span, li:not(.disabled) span:hover) {
background: var(--color-blue);
color: #fff;
}
#product-comments-list-pagination i {
font-size: 2.7rem;
}

#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;
}


/* 2 ===============================
=pp product-comments-additional-info */
.product-comments-additional-info .link-comment.post-product-comment {

}
.product-comments-additional-info .comments-note {

}



/* 2 ===============================
=pp Quickview style */
.product-quickview-review {
  display: flex;
  flex-direction: row;
}

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



/* 2 ===============================
=pp Product list override */
.product-list-reviews {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  visibility: hidden;
position: relative;
/*top: -1rem;*/
}

.product-list-reviews .grade-stars .star-content {
/*  top: 2px;*/
}

.product-list-reviews .comments-nb {

}


/* 0 ============================================================
=pp Mobile ★★★
============================================================== */


/* 767px */
@media (max-width: 47.9375em) {
  #product-comments-list .product-comment-list-item {
    flex-direction: column;
  }
  #product-comments-list .product-comment-list-item>* {
    flex: 100%
  }
}