.elementor-29195 .elementor-element.elementor-element-4591258{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-29195 .elementor-element.elementor-element-dce2a5d{padding:18px 0px 18px 0px;border-style:solid;border-width:2px 0px 0px 0px;border-color:#222222;}.elementor-29195 .elementor-element.elementor-element-6a5d6c4{border-style:none;}@media(max-width:768px){.elementor-29195 .elementor-element.elementor-element-4591258{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:080px;--padding-left:0px;--padding-right:0px;}.elementor-29195 .elementor-element.elementor-element-dce2a5d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-6a5d6c4 */.customer-review-grid .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: -webkit-fill-available;
}

@media (max-width: 1024px) {
    .customer-review-grid .cr-all-reviews-shortcode ol.commentlist,
    #reviews.cr-reviews-ajax-reviews #comments.cr-ajax-reviews-comments .cr-ajax-reviews-list {
        grid-template-columns: repeat(2, 1fr); /* Ubah menjadi 2 kolom */
    }
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li {
    width: -webkit-fill-available;
    margin: 0 0 0 0;
    border: 1px solid #ececec;
    border-radius: 10px;
}

.customer-review-grid #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container, .cr-all-reviews-shortcode ol li.comment .comment_container, .cr-all-reviews-shortcode ol li.review .comment_container {
    width: -webkit-fill-available;
}

.customer-review-grid .cr-avatar-check {
    display: none !important;
}

.customer-review-grid img.cr-avatar {
    display: none;
}

.customer-review-grid .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text, .cr-all-reviews-shortcode ol.commentlist li .comment-text {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: -webkit-fill-available;
    display: flex;
    flex-flow: column;
}

.customer-review-grid .cr-all-reviews-shortcode ol li.review .comment_container .meta, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta {
    display: flex
;
    align-items: baseline;
    justify-content: space-between;
    color: #767676;
    font-size: 14px;
    flex-wrap: wrap;
    padding-inline: 20px;
    margin-top: 20px
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name {
    display: flex
;
    flex-direction: column;
    order: 3;
    
}

.customer-review-grid .cr-all-reviews-shortcode .cr-comment-images, .cr-comment-videos {
    margin: 0;
    order: -1 !important;
    width: -webkit-fill-available;
    display: flex
;
 border-radius: 8px 8px 0 0;
 overflow: hidden;
}

.customer-review-grid .crstar-rating-svg {
  /* width: -webkit-fill-available; */
  align-self: flex-start;
   /* padding-left: 20px;
    padding-right: 20px; */
      /* jarak hanya di kanan */
   margin-left: 20px !important;
}

.cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row {
    display: none;
}


.customer-review-grid .crstar-rating-svg .cr-rating-icon-frnt {

    left: 0 !important;

}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text p, .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p {
    white-space: normal;
    overflow-wrap: anywhere;
    margin: 12px 20px;
    
   /* display: -webkit-box; 
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

.customer-review-grid .description {
    margin-bottom: 8px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
  position: relative !important;

}

.customer-review-grid .description:hover {
  overflow: visible;
  -webkit-line-clamp: unset;
  background: #fff;
  z-index: 1000;
  position: relative;
}


.customer-review-grid .iv-comment-image {
    width: -webkit-fill-available;
    height: 290px;
    margin-right: 0px;
    margin-left: 0;
    margin-bottom: 0px;
    border-radius: 0;
    border: 0;
}

.customer-review-grid .cr-all-reviews-shortcode ol li div.comment_container a.cr-comment-a {
    width: 100%;
    height: 100%;
    display: block;
}

.customer-review-grid #reviews div.iv-comment-image img, div.iv-comment-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
   
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__verified, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__verified {
    display: none;
}

.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text, .cr-all-reviews-shortcode ol.commentlist li .comment-text {

    border-bottom: 0;
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a {
    font-size: 13px;
    color: #777;
    font-family: 'PretendardStd-Regular';
    font-weight: 500;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: normal;
    margin-left: 5px;
  
   


    width: -webkit-fill-available;
   
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.customer-review-grid .cr-all-reviews-shortcode ol li .comment_container .iv-comment-product-img {
    width: 40px;
    margin-right: 5px;
    border-radius: 8px;
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture {
   margin:  20px;
   padding-top: 20px;
   border-top: 1px solid #ececec;
   width: -webkit-fill-available;
}

.customer-review-grid .description {
    font-size: 13px;
    font-family: 'PretendardStd-Regular';
    font-weight: 500;
}

.customer-review-grid .crstar-rating-svg .cr-rating-icon-frnt {
    left: 20px;
    gap: 2px;
    height: 12px;
}

.customer-review-grid .crstar-rating-svg .cr-rating-icon-base {
        gap: 2px;
    height: 12px;
}

.customer-review-grid .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
    width: 12px;
    height: 12px;
    
}

.customer-review-grid .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
    width: 12px;
    height: 12px;
    
}

.customer-review-grid .crstar-rating-svg {
   margin: 0 0;
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author {
    color: #0E252C;
    font-size: 13px;
    font-family: 'PretendardStd-Regular';
    font-weight: 500;
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta time {
    font-family: 'PretendardStd-Regular';
    font-size: 13px;
    color: #777;
}

.comment_container.no-images-placeholder { /* Class ini akan ditambahkan oleh JavaScript */
    position: relative; /* Penting untuk positioning pseudo-element */
}

.comment_container.no-images-placeholder::before {
    content: ""; /* Penting agar pseudo-element muncul */
    display: block;
    width: 100%; /* Akan mengikuti lebar container */
    min-height: 290px; /* Tentukan tinggi default untuk placeholder gambar */
    background-color: #f0f0f0; /* Warna abu-abu sebagai latar belakang */
    background-image: url('https://ecimg.cafe24img.com/pg1138b83825206021/thestbiz/web/product/big/20250520/7b42dac3b5554a828a6e3eee5a59e0be.jpg'); /* Upload gambar placeholder ke Media Library & salin URLnya */
    background-size: cover; /* Pastikan gambar mengisi area */
    background-position: center;
    background-repeat: no-repeat;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-topleft: 4px;
    display: flex; /* Untuk menengahkan ikon/teks di dalamnya */
    justify-content: center;
    align-items: center;
    color: #999; /* Warna teks placeholder */
    font-size: 1.1em;
    font-style: italic;
    border-radius: 8px 8px 0px 0px;
    /* Anda bisa menambahkan text-content di sini jika tidak ingin pakai JS */
    /* content: "No images provided"; */
}



/* Search */
.customer-review-grid #reviews.cr-reviews-ajax-reviews .cr-button-search, .cr-all-reviews-shortcode .cr-button-search {
    border-color: var(--wd-form-brd-color);
    padding: 8px 16px;
    background: #fff;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 0px;
    font-family: 'PretendardStd-Regular';
    
}

.customer-review-grid #reviews.cr-reviews-ajax-reviews .cr-input-text, .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text, .cr-ajax-search input[type="text"] {
    border-color: var(--wd-form-brd-color);
    background-color: #ffffff;
    
    color: var(--wd-form-color);
    font-family: 'PretendardStd-Regular';
}

.customer-review-grid #reviews.cr-reviews-ajax-reviews .cr-input-text:focus, .cr-all-reviews-shortcode .cr-input-text:focus, .cr-qna-block .cr-input-text:focus, .cr-ajax-search input[type="text"]:focus {
    border-color: var(--wd-form-brd-color);
    box-shadow: none;
}
/*Pagination*/
.cr-page-numbers {
    /* padding: 6px 14px; */
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    background: #fff;
    color: #111;
    text-decoration: none;
    font-size: 14px;
}

.cr-all-reviews-pagination .cr-page-numbers.current {
    font-weight: normal; 
    background: #008055;
    color: #fff;
    border-color: #008055;
}

.cr-all-reviews-pagination {
    margin-top: 12px;
    gap: 8px ;
    display: flex;
    justify-content: center;
}



/*Modal*/
/* Modal detail review (Customer Reviews) - Tampilan Baru */
body.cr-modal-open {
  overflow: hidden;
}

.cr-customer-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 20px;
}

.cr-customer-modal.is-open {
  display: flex;
}

.cr-customer-modal .cr-modal {
  width: min(1024px, 95vw);
  height: min(700px, 90vh);
  background: #fff;
  color: #333;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
  display: flex;
  overflow: hidden;
  position: relative;
}

.cr-customer-modal .cr-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: none;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  font-size: 24px;
  line-height: 36px;
  z-index: 10;
  color: #000;
}
.cr-customer-modal .cr-close:hover {
    background: #fff;
}


/* Kolom Kiri - Gambar */
.cr-image-panel {
  flex: 1 1 54%;
  background-color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cr-image-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Kolom Kanan - Konten */
.cr-content-panel {
  flex: 1 1 42%;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.cr-product-details {
    width: -webkit-fill-available;
    overflow: hidden;
}

.cr-product-row {
    display: flex
;
    gap: 10px;
    align-items: center;
    width: -webkit-fill-available;
}

.cr-product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  position: absolute;
    background-color: #fff;
    top: 0;
   padding-block: 24px;
    padding-right: 24px;
    width: -webkit-fill-available;
}

.cr-product-info img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  object-fit: cover;
}

.cr-product-info .cr-product-details h4 {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: -webkit-fill-available;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding-right: 24px;
}

.cr-product-info .cr-product-details span {
  font-size: 13px;
  font-weight: 700;
  color: #111;
}

.cr-review-row {
    width: -webkit-fill-available;
    justify-content: space-between;
    display: flex
;
    align-items: center;
       background-color: #f8f9fa;
    border-radius: 4px;
    background-color: #f8f9fa;
        padding: 4px 12px;
}

.cr-review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.cr-review-header .cr-meta {
  font-size: 13px;
  color: #888;
}

/* Style untuk rating bintang dari WooCommerce */
.cr-review-header .star-rating {
    font-size: 1em; /* atau sesuaikan ukurannya */
    color: #f5a623;
}
.cr-review-header .star-rating span::before {
    color: #f5a623;
}


.cr-content-panel .cr-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 12px;
  color: #000;
}

.cr-content-panel .cr-body {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  flex-grow: 1; /* Mendorong konten bawah ke bawah */
      padding-block: 100px 120px;
}

.cr-content-panel .cr-body p {
  margin: 0 0 1em;
}

.cr-disabled-comment {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: center;
    font-size: 13px;
    color: #999;
    margin-top: 24px;
}

.cr-thumbs-section {
  margin-top: auto; /* Mendorong ke bagian bawah */
  padding-top: 20px;
}

.cr-thumbs-section h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px;
  color: #555;
}

.cr-thumbs {
  display: flex;
  gap: 8px;
  padding-bottom: 4px; /* Ruang untuk scrollbar */
}

.cr-thumbs img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid transparent;
  opacity: 0.7;
  transition: opacity 0.2s, border-color 0.2s;
}
.cr-thumbs img:hover {
  opacity: 1;
}

.cr-thumbs img.is-active {
  opacity: 1;
  border-color: #0073aa; /* Ganti dengan warna aksen Anda */
}

.cr-thumbs-section {
  
    position: absolute;
    bottom: 0;
    padding-bottom: 40px;
    background-color: #ffffff;
     width: 54%;
}

.cr-product-rating{display:flex;align-items:center;gap:10px;margin-top:8px;background:#f6f7f9;border-radius:8px;padding:8px 10px}
.cr-product-rating .crstar-rating-svg svg{width:16px;height:16px}
.cr-product-meta{
        font-size: 11px;
    color: rgb(123, 132, 141); }

.crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
    width: 12px;
    height: 12px;

}

.crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
    width: 12px;
    height: 12px;
}

.crstar-rating-svg .cr-rating-icon-base {
    height: 12px;
}

.crstar-rating-svg .cr-rating-icon-frnt {
    height: 12px;
}

.cr-product-info .cr-product-details span {
    font-size: 13px;
    font-weight: 500;
    color: #8c8c8c;
}

@media (max-width: 768px) {
    .cr-customer-modal {
     padding: 0px;
}
    .cr-customer-modal .cr-modal {
    width: 100%;
    height: 100%;
   
    border-radius: 0px;
}
    .cr-content-panel {
   
    padding: 24px 24px;
  
}
    .cr-customer-modal .cr-modal {
    flex-direction: column;
}
    .cr-image-panel {
    flex: 1 1 24%;
}
.cr-product-info {
    position: relative;
     padding-block: 0px; 
    padding-right:0px; 
   
}

    .cr-thumbs-section {
        /* position: relative; */
        /* padding-bottom: 0px; */
        background-color: #fff;
        width: -webkit-fill-available;
        /* order: 0 !important; */
        padding: 24px 24px 24px 24px;
        right: 0;
        bottom: 0;
    }
.cr-content-panel .cr-body {
    
    padding-block: 0px 120px;
}


.customer-review-grid .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
  
    gap: 12px;

}
.customer-review-grid .cr-all-reviews-shortcode ol li.review .comment_container .meta, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta {
   padding-inline: 12px;
    margin-top: 12px;
}

.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text p, .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p {

    margin: 8px 12px;
}
.customer-review-grid .crstar-rating-svg {

    margin-left: 12px !important;
}
.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture {
    margin: 12px;
    padding-top: 12px;
   
}
.customer-review-grid .iv-comment-image {
    height: 160px;}



.customer-review-grid .cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li {

    border-radius: 6px;
}

.comment_container.no-images-placeholder::before {
    min-height: 160px;
    border-radius:4px 4px 0px 0px;
}
    
    .customer-review-grid #reviews.cr-reviews-ajax-reviews .cr-button-search, .cr-all-reviews-shortcode .cr-button-search {
    
    width: 22%;
}
    
    .customer-review-grid .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta time {

    display: none;
}

}


@media (min-width:769px) {
.customer-review-grid .cr-ajax-search {
    position: absolute;
    top: -122px;
    width: 24%;
        right: 0;
        justify-content: end;
        gap: 0px;
}
.customer-review-grid #reviews.cr-reviews-ajax-reviews .cr-input-text, .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text, .cr-ajax-search input[type="text"] {
    width:auto;
}
}/* End custom CSS */