/*CusRev Kundenbewertungsplugin Anpassungen*/

#reviews {
    margin-bottom: 2rem;
}

.ivole-summaryBox,
.cr-summary-separator,
.cr-ajax-search,
.cr-count-row,
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__verified { 
    display: none !important;
}

.cr-summaryBox-wrap {
    justify-content: center !important;
    background-color: transparent !important;

    .cr-average-rating {
        font-size: 28px !important;
        line-height: 34px !important;
        color: var(--gn-text-color) !important;
    }
}

.cr-overall-rating-wrap {
    gap: 12px;

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

        .cr-rating-icon-base .cr-rating-icon-bg {
            width: 18px;
            height: 18px;
        }
    }
}

#reviews .cr-summaryBox-wrap .cr-total-rating-count, 
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-total-rating-count, 
.cr-reviews-grid .cr-summaryBox-wrap .cr-total-rating-count,
.woocommerce-review__author {
    color: var(--gn-text-color) !important;
    font-size: 16px;

}

#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author {
    color: var(--gn-text-color) !important;
    font-size: 16px;
    font-weight: bold;
}

.crstar-rating-svg {
    margin: 12px 0;

    .cr-rating-icon-base {
        height: 14px;

        .cr-rating-icon-bg {
            width: 14px;
            height: 14px;
            margin: 0 2px;
            fill: none;
            stroke: var(--gn-text-color);
            stroke-linejoin: miter !important;
        }
    }

    .cr-rating-icon-frnt {
        height: 14px;
    
        .cr-rating-icon {
            width: 14px;
            height: 14px;
            margin: 0 2px;
            fill: var(--gn-text-color);
        }
    }
}

.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div .cr-ajax-reviews-cus-images-title {
    margin: 0 auto 15px auto;
    font-weight: bold;
}

.cr-comment-image-top,
.iv-comment-image {
    border-radius: 0;
    border: none;
    
        img,
        video {
            width: 75px;
            height: 75px;
        }

}

.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close {
    min-width: unset;
    min-height: unset;
    background-color: #000000;
}

.cr-all-reviews-shortcode {
    ol.commentlist li {
        margin-top: 24px;
        border-top: 1px solid var(--gn-border-color);
        padding-top: 30px;

        ul.children {
            margin-inline-start: 0px;
            background: var(--gn-bg-grey);
            padding: 2rem;

            .comment.depth-2 {
                border: none;
                .woocommerce-review__verified {
                    display: none !important;
                }
            }
        }

        .cr-comment-text {
            border: none;

            .meta {
                .woocommerce-review__author {
                    color: var(--gn-text-color);
                    font-weight: 700;
                }

                time {
                    font-size: 14px;
                    color: var(--gn-link-color);
                }
            }

            .cr-rating-product-name {
                .cr-product-name-picture {
                    .iv-comment-product-a {
                        display: none;
                    }
                    
                    .cr-comment-productname-a {
                        color: var(--gn-link-color);
                    }
                }
            }
        }
    }

    .cr-show-more-button {
        height: 48px;
        border: 1px solid #000;
        color: var(--gn-text-color);
        font-weight: 400;

        &:hover {
            background-color: #000;
            border: 1px solid #000;
            color: #fff;
        }
    }
}

.cr-all-reviews-shortcode ol.commentlist li .cr-comment-text .meta .woocommerce-review__verified, 
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text .meta .woocommerce-review__verified {
    color: var(--gn-link-color);
}

.comment-list li .description, .commentlist li .description p {
    font-style: normal;
}

.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal {
    border-radius: 0;
    max-height: 70vh;
    overflow: auto;

    div.cr-ajax-reviews-cus-images-hdr {
        background: none;
        border-bottom: none;   
    }

    button.cr-ajax-reviews-cus-images-close {
    
        .cr-no-icon {
            fill: #000;
        }

        svg {
            opacity: 1;
            width: 20px;
            height: 20px;
        }
    }

    .cr-ajax-reviews-cus-images-slider-main {
        .cr-ajax-reviews-slide-main-flex {
            img {object-fit: contain;}
        }
    
        .cr-ajax-reviews-slide-main-comment {
            width: 100%;
            
            p {
                margin: 12px 0;
            }

            .cr-ajax-reviews-slide-main-comment-body {
                overflow-y: auto;
                max-height: unset;
            }

        }

    }

    .cr-ajax-reviews-cus-images-slider-nav {
        background-color: transparent;
        
        .slick-slide {
            margin: 0 4px;
        }

        img {
            height: 70px;
            object-fit: cover;
            width: 100% !important;
        }
    }
}



@media only screen and (min-width: 550px) {
/*************** Tablet Viewport Breakpoint ***************/


}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/
    .cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal {
        max-height: unset;

        .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment .cr-ajax-reviews-slide-main-comment-body {
            max-height: 300px;
        }

        .cr-ajax-reviews-cus-images-slider-nav {

            img {
                width: auto !important;
            }
        }
    }

    .cr-all-reviews-shortcode {
        ol.commentlist li {
            ul.children {
                margin-inline-start: 32px;
                background: var(--gn-bg-grey);
                padding: 2rem;
            }
        }
    }
   
}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/
    #reviews {
        margin-bottom: 4rem;
    }

    .cr-summaryBox-wrap {
        .cr-average-rating {
            font-size: 36px !important;
            line-height: 50px !important;
        }
    }

}