/* GBIST - Customer Reviews page */

.gb-reviews-summary-only,
.gb-cr-photos,
.gb-cr-all{
  --gb-rv-border:#ebe5e9;
  --gb-rv-accent:#611b3f;
}

/* Summary */
.gb-reviews-summary-only .woocommerce-photo-reviews-shortcode{
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating-and-rating-count{
  padding:10px !important;
  margin:10px 0 8px !important;
  border:1px solid var(--gb-rv-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:minmax(320px, 370px) minmax(0, 1fr) auto !important;
  gap:18px !important;
  align-items:start !important;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating{
  padding-right:14px !important;
  border-right:1px solid var(--gb-rv-border) !important;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating h2{
  display:block !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  white-space:normal !important;
  font-size:26px;
  font-weight:700;
  line-height:1.12;
  margin:0 0 14px !important;
  padding:0 !important;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating-main{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  clear:both !important;
  position:relative !important;
  z-index:1 !important;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating-left{
  display:block !important;
  float:none !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
  color:#611b3f !important;
  border-radius:0 !important;
  text-align:left !important;
  font-size:inherit !important;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating-left-average{
  display:block !important;
  box-sizing:border-box !important;
  font-size:52px !important;
  font-weight:700 !important;
  line-height:.95 !important;
  min-width:82px !important;
  padding:10px 12px !important;
  border-radius:8px !important;
  border:1px solid #eadde5 !important;
  background:#fff !important;
  color:#611b3f !important;
  text-align:center !important;
}

.gb-reviews-summary-only .shortcode-wcpr-overall-rating-right-total{
  color:#4b5563 !important;
  font-size:15px !important;
  white-space:nowrap !important;
}

.gb-reviews-summary-only .shortcode-wcpr-stars-count .shortcode-wcpr-row{
  margin:0;
  display:grid !important;
  grid-template-columns:minmax(54px, 68px) minmax(120px, 1fr) 34px;
  gap:22px;
  padding:2px 0;
  align-items:center;
}

.gb-reviews-summary-only .shortcode-wcpr-col-number,
.gb-reviews-summary-only .shortcode-wcpr-col-process,
.gb-reviews-summary-only .shortcode-wcpr-col-rank-count{
  float:none !important;
  width:auto !important;
}

.gb-reviews-summary-only .shortcode-wcpr-col-process .rate-percent-bg{
  height:8px !important;
  border-radius:999px !important;
  background:#f1ecef !important;
}

.gb-reviews-summary-only .shortcode-wcpr-col-process .rate-percent{
  border-radius:999px !important;
  background:#611b3f !important;
}

.gb-reviews-summary-only #woocommerce-photo-reviews-shortcode-1 .rate-percent,
.gb-reviews-summary-only .woocommerce-photo-reviews-shortcode .rate-percent{
  background:#611b3f !important;
}

.gb-reviews-summary-only .shortcode-wcpr-filter-container,
.gb-reviews-summary-only .shortcode-wcpr-list,
.gb-reviews-summary-only .wcpr-load-more-reviews-button-container,
.gb-reviews-summary-only .shortcode-wcpr-pagination{
  display:none !important;
}

/* Customer photos */
.gb-cr-photos .woocommerce-photo-reviews-shortcode{
  max-width:none;
  overflow:visible;
}

.gb-cr-photos .shortcode-wcpr-overall-rating-and-rating-count,
.gb-cr-photos .shortcode-wcpr-filter-container,
.gb-cr-photos .shortcode-wcpr-pagination{
  display:none !important;
}

.gb-cr-photos .shortcode-wcpr-grid{
  display:flex !important;
  flex-wrap:wrap;
  gap:22px;
}

.gb-cr-photos .shortcode-wcpr-grid-style-item{
  background:#fff !important;
  border:1px solid #eee2e9 !important;
  border-radius:8px !important;
  box-shadow:0 8px 22px rgba(38,18,30,.08) !important;
  overflow:hidden !important;
  cursor:pointer;
  height:auto !important;
  min-height:0 !important;
  flex:0 0 calc((100% - 88px) / 5);
  max-width:calc((100% - 88px) / 5);
}

.gb-cr-photos .shortcode-wcpr-content{
  display:flex;
  flex-direction:column;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  background:#fff !important;
}

.gb-cr-photos .shortcode-review-content-container-top{
  display:flex !important;
  flex-direction:column;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
}

.gb-cr-photos .shortcode-wcpr-grid.shortcode-wcpr-grid-style .shortcode-review-content-container-top::after,
.gb-cr-photos .shortcode-wcpr-grid.shortcode-wcpr-grid-style .shortcode-review-content-container-top::before,
.gb-cr-photos .shortcode-wcpr-grid.shortcode-wcpr-grid-style .shortcode-review-content-container::after,
.gb-cr-photos .shortcode-wcpr-grid.shortcode-wcpr-grid-style .shortcode-review-content-container::before,
.gb-cr-photos .shortcode-wcpr-grid.shortcode-wcpr-grid-style .shortcode-wcpr-content::after,
.gb-cr-photos .shortcode-wcpr-grid.shortcode-wcpr-grid-style .shortcode-wcpr-content::before,
.gb-cr-photos .shortcode-review-content-container-top::after,
.gb-cr-photos .shortcode-review-content-container-top::before,
.gb-cr-photos .shortcode-review-content-container::after,
.gb-cr-photos .shortcode-review-content-container::before,
.gb-cr-photos .shortcode-wcpr-content::after,
.gb-cr-photos .shortcode-wcpr-content::before{
  position:static !important;
  display:none !important;
  content:none !important;
  mask:none !important;
  -webkit-mask:none !important;
  background:none !important;
}

.gb-cr-photos .shortcode-review-content-image{
  order:-1;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.gb-cr-photos .shortcode-reviews-images-container,
.gb-cr-photos .shortcode-reviews-images-wrap-right{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.gb-cr-photos .shortcode-reviews-images-wrap-left,
.gb-cr-photos .shortcode-images-qty,
.gb-cr-photos .shortcode-wcpr-wrap-review-helpfull,
.gb-cr-photos .shortcode-wcpr-single-product-summary-content-wrapper,
.gb-cr-photos .shortcode-wcpr-review-image-caption,
.gb-cr-photos .gb-review-product-ref,
.gb-cr-photos .wcpr-review-date,
.gb-cr-photos .review-author-container-bottom-left,
.gb-cr-photos .shortcode-wcpr-review-title{
  display:none !important;
}

.gb-cr-photos .shortcode-reviews-images-wrap-right img.shortcode-reviews-images{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover;
  border-radius:0;
  box-shadow:none;
}

.gb-cr-photos .shortcode-review-content-container{
  display:block !important;
  padding:12px 12px 4px !important;
  background:#fff !important;
}

.gb-cr-photos .star-rating{
  float:none !important;
  display:block !important;
  width:5.4em !important;
  margin:0 0 8px !important;
  color:#f5a13b;
}

.gb-cr-photos .star-rating::before,
.gb-cr-photos .star-rating span::before{
  color:#f5a13b;
}

.gb-cr-photos .shortcode-wcpr-review-content{
  color:#202124;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  max-height:18px;
  overflow:hidden;
  display:block !important;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.gb-cr-photos .shortcode-wcpr-read-more,
.gb-cr-photos .shortcode-wcpr-review-content-full{
  display:none !important;
}

.gb-cr-photos .shortcode-review-author-container{
  display:block !important;
  padding:0 12px 12px !important;
  margin:0 !important;
  background:#fff !important;
}

.gb-cr-photos .shortcode-review-author-container-bottom,
.gb-cr-photos .review-author-container-bottom-right{
  display:flex !important;
  align-items:center;
  gap:8px;
  min-width:0;
}

.gb-cr-photos .shortcode-wcpr-review-country{
  display:none !important;
}

.gb-cr-photos .shortcode-wcpr-comment-author{
  color:#611b3f;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

/* Verified pill */
.gb-cr-photos .woocommerce-photo-reviews-verified,
.gb-cr-all .woocommerce-photo-reviews-verified{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:7px;
  padding:1px 7px;
  border:1px solid #cfe8d4;
  border-radius:999px;
  background:#f7fcf8;
  color:#2f8f46;
  font-size:.74em;
  font-style:normal;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}

/* Product links */
.gb-cr-all .gb-review-product-ref{
  margin-top:10px;
}

.gb-cr-all .gb-review-product-ref a{
  color:#611b3f;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* All reviews filters */
.gb-cr-all .shortcode-wcpr-filter-container{
  margin:0 auto 24px;
  padding:18px 16px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.gb-cr-all .shortcode-wcpr-filter-button,
.gb-cr-all .shortcode-wcpr-filter-button-wrap{
  border:1px solid #611b3f;
  border-radius:999px;
  background:#fff !important;
  color:#611b3f !important;
  padding:9px 18px !important;
  min-width:145px;
  text-align:center;
  font-weight:700;
  line-height:1.2;
  text-decoration:none !important;
}

.gb-cr-all .shortcode-wcpr-filter-button:hover,
.gb-cr-all .shortcode-wcpr-filter-button:focus,
.gb-cr-all .shortcode-wcpr-filter-button-wrap:hover,
.gb-cr-all .shortcode-wcpr-filter-button.shortcode-wcpr-active,
.gb-cr-all .shortcode-wcpr-filter-button-wrap.shortcode-wcpr-active{
  background:#f4f0f2 !important;
  border-color:#611b3f !important;
  color:#611b3f !important;
}

.gb-cr-all .shortcode-wcpr-filter-container .shortcode-wcpr-filter-button.shortcode-wcpr-active,
.gb-cr-all .shortcode-wcpr-filter-container .shortcode-wcpr-filter-button-wrap.shortcode-wcpr-active,
.gb-cr-all .shortcode-wcpr-filter-container .shortcode-wcpr-filter-button.shortcode-wcpr-active:hover,
.gb-cr-all .shortcode-wcpr-filter-container .shortcode-wcpr-filter-button-wrap.shortcode-wcpr-active:hover,
.gb-cr-all #woocommerce-photo-reviews-shortcode-3 .shortcode-wcpr-filter-button.shortcode-wcpr-active,
.gb-cr-all #woocommerce-photo-reviews-shortcode-3 .shortcode-wcpr-filter-button-wrap.shortcode-wcpr-active{
  background:#f4f0f2 !important;
  border-color:#611b3f !important;
  color:#611b3f !important;
}

.gb-cr-all .shortcode-wcpr-filter-button.shortcode-wcpr-active *,
.gb-cr-all .shortcode-wcpr-filter-button-wrap.shortcode-wcpr-active *,
.gb-cr-all .shortcode-wcpr-filter-button.shortcode-wcpr-active > *,
.gb-cr-all .shortcode-wcpr-filter-button-wrap.shortcode-wcpr-active > *{
  color:#611b3f !important;
}

/* Load more */
.gb-cr-photos .wcpr-load-more-reviews-button-container,
.gb-cr-all .wcpr-load-more-reviews-button-container{
  display:flex !important;
  justify-content:center;
  margin:24px 0 0;
}

.gb-cr-photos .wcpr-load-more-reviews-button,
.gb-cr-all .wcpr-load-more-reviews-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:170px;
  padding:11px 24px;
  border:1px solid #611b3f;
  border-radius:999px;
  background:#f4f0f2;
  color:#611b3f;
  font-size:15px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
}

.gb-cr-photos .wcpr-load-more-reviews-button:hover,
.gb-cr-all .wcpr-load-more-reviews-button:hover{
  background:#611b3f;
  border-color:#611b3f;
  color:#fff;
}

/* Mobile */
@media (max-width:860px){
  .gb-reviews-summary-only .shortcode-wcpr-overall-rating-and-rating-count{
    grid-template-columns:1fr;
    gap:14px;
    padding:12px;
  }

  .gb-reviews-summary-only .shortcode-wcpr-overall-rating{
    padding-right:0;
    padding-bottom:12px;
    border-right:0;
    border-bottom:1px solid var(--gb-rv-border);
  }

  .gb-reviews-summary-only .shortcode-wcpr-overall-rating h2{
    font-size:24px;
    text-align:center;
  }

  .gb-reviews-summary-only .shortcode-wcpr-overall-rating-main{
    justify-content:center;
  }

  .gb-reviews-summary-only .shortcode-wcpr-stars-count .shortcode-wcpr-row{
    grid-template-columns:minmax(112px, 132px) minmax(0, 1fr) 24px;
    gap:14px;
  }
}

@media (max-width:640px){
  .gb-cr-photos .shortcode-wcpr-grid{
    gap:14px;
  }

  .gb-cr-photos .shortcode-wcpr-grid-style-item{
    flex:0 0 calc((100% - 14px) / 2);
    max-width:calc((100% - 14px) / 2);
  }

  .gb-cr-all .shortcode-wcpr-filter-container{
    gap:8px;
    padding:12px 0;
  }

  .gb-cr-all .shortcode-wcpr-filter-button,
  .gb-cr-all .shortcode-wcpr-filter-button-wrap{
    min-width:0;
    flex:1 1 100%;
    padding:7px 10px !important;
    font-size:14px;
  }
}
