/* ==========================
   REVIEW ITEM
========================== */

.custom-review{

    position:relative;

    padding:30px 0;

    border-bottom:1px solid #f1f1f1;

    background:transparent;
}

.commentlist li:last-child .custom-review{
    border-bottom:none;
}
.woocommerce-Reviews-title{display:none}
.commentlist{padding:0}
.custom-review-recommend{font-size:12px}
.custom-review-recommend svg{width: 18px;height:18px;margin-top:-5px}

/* ==========================
   SCORE
========================== */

.custom-review-rating{

    position:absolute;

    right:0;
    top:30px;

    width:42px;
    height:42px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:14px;
    font-weight:700;

    color:#fff;
}

.rating-green{
    background:#2ec66d;
}

.rating-orange{
    background:#f4b740;
}

.rating-red{
    background:#ef4444;
}

/* ==========================
   CONTENT
========================== */

.custom-review-content{
    padding-right:70px;
}

.custom-review-title{

    font-size:20px;

    font-weight:700;

    color:#222;

    margin:0 0 15px;
}

/* ==========================
   META
========================== */

.custom-review-meta{

    display:flex;

    gap:20px;

    color:#9ca3af;

    font-size:13px;

    margin-bottom:18px;
}

.review-author,
.review-date{

    display:flex;
    align-items:center;
    gap:6px;
}

/* ==========================
   RECOMMEND
========================== */

.custom-review-recommend{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:15px;

    font-weight:600;

    margin-bottom:18px;
}

.custom-review-recommend.yes{
    color:#1faa59;
}

.custom-review-recommend.no{
    color:#ef4444;
}


/* ==========================
   TEXT
========================== */

.custom-review-text{

    font-size:15px;

    color:#555;

    line-height:2.1;
}

.custom-review-text p{
    margin:0;
}.review-author,
.review-date{
    display:flex;
    align-items:center;
    gap:8px;
}

.review-author svg,
.review-date svg{
    flex-shrink:0;
}

.custom-review-recommend{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    font-size:14px;
    font-weight:500;
}

.custom-review-recommend svg{
    flex-shrink:0;
}

.custom-review-recommend.yes{
    color:#22C55E;
}

.custom-review-recommend.no{
    color:#EF4444;
}

/* ====================================
   REVIEW FORM
==================================== */

#review_form_wrapper{
    margin-top:50px;
}

.comment-respond{

    background:#fff;

    border:1px solid #efefef;

    border-radius:24px;

    padding:35px;
}

.comment-reply-title{

    display:block;

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:30px;
}

/* ====================================
   LABELS
==================================== */

.comment-form label,
.review-recommend-field > label{

    display:block;

    margin-bottom:10px;

    font-size:14px;

    font-weight:600;

    color:#444;
}

/* ====================================
   INPUTS
==================================== */

.comment-form-review-title,
.comment-form-comment,
.comment-form-rating,
.review-recommend-field{

    margin-bottom:25px;
}

.comment-form input[type="text"],
.comment-form textarea{

    width:100%;

    background:#fafafa;

    border:1px solid #e5e5e5;

    border-radius:14px;

    padding:14px 18px;

    transition:.3s;

    font-size:14px;
}

.comment-form textarea{

    min-height:180px;

    resize:vertical;
}

.comment-form input[type="text"]:focus,
.comment-form textarea:focus{

    outline:none;

    border-color:var( --e-global-color-primary );

    background:#fff;
}

/* ====================================
   RECOMMEND OPTIONS
==================================== */

.recommend-options{

    display:flex;

    gap:15px;

    flex-wrap:wrap;
}

.recommend-options label{

    display:flex;

    align-items:center;

    gap:10px;

    cursor:pointer;

    border:1px solid #e5e5e5;

    border-radius:14px;

    padding:14px 18px;

    transition:.3s;

    margin:0;

    background:#fff;
}

.recommend-options label:hover{

    border-color:var( --e-global-color-primary );
}

.recommend-options input[type="radio"]{

    width:18px;
    height:18px;

    accent-color:var( --e-global-color-primary );
}
/* ====================================
   RATING STARS
==================================== */

.comment-form-rating{
    margin-bottom:30px;
}

.comment-form-rating .stars{
    margin:12px 0 0;
}

.comment-form-rating .stars span{

    display:flex;

    flex-direction:row-reverse;

    justify-content:flex-end;

    gap:12px;
}

.comment-form-rating .stars a{

    position:relative;

    width:52px;
    height:52px;

    border-radius:16px;

    background:#fafafa;

    border:1px solid #ececec;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    text-decoration:none;

    font-size:0;

    transition:.25s;
}

.comment-form-rating .stars a::before{

    display: none !important;
}

.comment-form-rating .stars a:hover{

    border-color:var( --e-global-color-primary );

    background:#81d8d033;

    transform:translateY(-2px);
}

.comment-form-rating .stars a:hover::before{
    color:var( --e-global-color-primary );
}

/* حالت انتخاب شده توسط ووکامرس */

.comment-form-rating .stars.selected a.active,
.comment-form-rating .stars.selected a.active ~ a{

    background:var( --e-global-color-primary );

    border-color:var( --e-global-color-primary );
}

.comment-form-rating .stars.selected a.active::before,
.comment-form-rating .stars.selected a.active ~ a::before{

    color:var( --e-global-color-primary );
}

/* حذف متن انگلیسی */

.comment-form-rating .stars a{
    color:transparent !important;
}

/* افکت کلی */

.comment-form-rating .stars span:hover a::before{
    color:#d1d5db;
}

.comment-form-rating .stars span a:hover::before,
.comment-form-rating .stars span a:hover ~ a::before{
    color:var( --e-global-color-primary );
}

.comment-form-rating .stars span a:hover,
.comment-form-rating .stars span a:hover ~ a{

    background:#81d8d033;

    border-color:var( --e-global-color-primary );
}

/* ====================================
   SUBMIT BUTTON
==================================== */

.form-submit{

    margin-top:10px;
}

.comment-form .submit{

    background:var( --e-global-color-primary ) !important;
	
	width: 100%;

    color:#fff !important;

    border:none !important;

    border-radius:12px !important;

    padding:14px 35px !important;

    font-size:15px !important;

    font-weight:600 !important;

    transition:.3s;
}

.comment-form .submit:hover{

    background:var( --e-global-color-primary ) !important;
}

/* ====================================
   MOBILE
==================================== */

@media(max-width:768px){

    .comment-respond{
        padding:20px;
    }

    .recommend-options{
        flex-direction:column;
    }

    .comment-form-rating .stars span{
        gap:6px;
    }

    .comment-form-rating .stars a{
        width:38px;
        height:38px;
    }
}