/* WC TRENDYOL PRODUCT DETAIL QUESTIONS TAB */
.wc_trendyol_customer_comments_list{
    /* float:left; */
    width:100%;
    overflow:hidden;
}
.wc_trendyol_question_content{
    float:left;
    width:100%;
    clear:both;
}
.wc_trendyol_question_content .wc_trendyol_question{
    float:left;
    width:100%;
    clear:both;
    background:#ffffff;
    padding:10px;
    box-sizing:border-box;
    /* border-radius:15px; */
    /* margin-bottom:15px; */
    border-bottom:2px solid #ddd;
}
.wc_trendyol_question_content .wc_trendyol_question .wc_trendyol_customer_question{
    float:left;
    width:calc(100% - 30px);
    clear:both;
    margin:0 5px 10px 5px;
}
.wc_trendyol_question_content .wc_trendyol_question .wc_trendyol_customer_question .title{
    float:left;
    width:100%;
    color:#e2401c;
    font-weight:bold;
}
.wc_trendyol_question_content .wc_trendyol_question .wc_trendyol_store_answer{
    float:left;
    width:100%;
    clear:both;
    background:#e7e7e7;
    padding:10px;
    box-sizing:border-box;
    border-radius:10px;
    /* margin-top    : 15px; */
}
.wc_trendyol_question_content .wc_trendyol_question .wc_trendyol_store_answer .title{
    float:left;
    width:100%;
    color:#000;
    font-weight:700;
}
/* WC TRENDYOL PRODUCT DETAIL QUESTIONS TAB */
/* WC TRENDYOL PRODUCT DETAIL COMMENTS TAB */
.wc_trendyol_comments_content{
    float:left;
    width:100%;
}
.comments_rating_starts{
    float:left;
    width:100%;
    margin-bottom:20px;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    flex-direction:row;
}
.comments_rating_starts .rating{
    float:left;
    /* width      : 100%; */
    border:2px solid #cbcbcb;
    padding:5px 10px;
    border-radius:500px;
    margin-right:7px;
    display:flex;
    align-items:center;
    align-content:center;
    cursor:pointer;
    font-size:11px;
    font-weight:bolder;
}
.comments_rating_starts .rating.active{
    background:#ffefd6;
    border-color:#fe6c61;
}
.comments_rating_starts .rating .rating_count{
    float:left;
    margin-left: 3px;
    font-size: 12px;
    font-weight: bolder;
}
.comments_rating_starts .rating .star{
    float:left;
    width:14px;
    height:14px;
    background:url('../img/rating-and-review-small-star-orange.svg');
    background-repeat:no-repeat;
    margin:2px;
    background-size:14px 14px;
}
.comments_rating_starts .rating .star.blue{
    float:left;
    width:14px;
    height:16px;
    background:url('../img/rating-and-review-small-star-blue.svg');
    background-repeat:no-repeat;
    margin:2px;
}
.wc_trendyol_comments_content .trendyol_product_comments{
    float:left;
    width:100%;
    margin:20px 0;
}
.wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment{
    float:left;
    width:100%;
    clear:both;
    background:#f1f1f1;
    padding:10px;
    box-sizing:border-box;
    border-radius:15px;
    margin-bottom:15px;
    border-bottom:1px solid #ddd;
}
.wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment .customer_name{
    float:left;
    width:100%;
    padding:0 0 0 4px;
    font-weight:bold;
    text-transform:uppercase;
}
.wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment .customer_comment{
    float:left;
    width:100%;
    background:#fff;
    padding:10px;
    border-radius:10px;
    margin:10px 0;
    box-sizing:border-box;
}
.wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment .customer_comment_images{
    float:left;
    width:100%;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:10px;
}
.wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment .customer_comment_images .comment_image{
    float:left;
    width:100%;
}
.wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment .customer_comment_images .comment_image img{
    float:left;
    width:100%;
    object-fit:contain;
    border-radius:8px;
}
.wc_trendyol_comments_content .trendyol_product_comments .no_rating{
    float:left;
    width:100%;
    background:#f79468;
    padding:10px;
    border-radius:10px;
    color:#fff;
    font-size:18px;
    box-sizing:border-box;
}
/* WC TRENDYOL PRODUCT DETAIL COMMENTS TAB */
/* PAGINATION */
.wc_trendyol_pagination{
    float:left;
    width:100%;
}
.wc_trendyol_pagination ul{
    float:left;
    width:100%;
    margin:0;
    padding:0;
}
.wc_trendyol_pagination ul li{
    float:left;
    /* width : 100%; */
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
}
.wc_trendyol_pagination ul li a{
    background:#f27a1a;
    display:flex;
    text-decoration:none;
    border:1px solid #cb5f0a;
    color:#ffffff;
    margin:0 10px 0 0;
    width:30px;
    height:30px;
    text-align:center;
    align-items:center;
    align-content:center;
    justify-content:center;
    font-size:12px;
    font-weight:bold;
    border-radius:9px;
}
.wc_trendyol_pagination ul li.active a{
    background:#d63638 !important;
    /* color: #000; */
}
.wc_trendyol_pagination ul li a:hover{
    background:var(--button-background-hover);
    color:#fff;
}
/* PAGINATION */
@media (max-width:620px){
    .wc_trendyol_comments_content .trendyol_product_comments .trendyol_product_comment .customer_comment_images .comment_image{
        width:calc(100% - 20px);
    }
    .comments_rating_starts{
        /* width:min-content; */
        /* overflow-x:scroll; */
        gap:6px;
        align-content:center;
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        /* grid-column-gap: 0px; */
        /* grid-row-gap: 0px; */
        justify-items:stretch;
    }
}