/*********************************************
 * Woo Reviews
**********************************************/
.woocommerce-Reviews__title .star-rating {margin-bottom:6px;}

/* List */
.woocommerce-Reviews ul li {padding:20px 0 28px;}
.woocommerce-Reviews ul li:not(:last-child) {border-bottom:1px solid rgba(0, 0, 0, .2);}

/* List > comment text */
.woocommerce-Reviews .comment-text {display:flex; justify-content:space-between; align-items:flex-start}
.woocommerce-Reviews .meta {width:28%; padding-right:24px;}
.woocommerce-Reviews .description {
    width:calc(72% - 140px); padding-right:20px;
    overflow:hidden;
}
.woocommerce-Reviews .comment-text .vii-star-rating {width:140px;}
.woocommerce-Reviews .comment-text .star-rating {--size:12px;}

/* no review */
.woocommerce-Reviews__list:has(.woocommerce-noreviews):before {display:none;}


/*********************************************
 * Woo Reviews > Popup
**********************************************/
/* popup */
#review_form_wrapper {--ep-padding:24px 32px 36px;}

/* form */
.comment-form {--vii-spacing-paragraph:8px;}

/*notice*/
.vii-woo-reviews__notice {margin-bottom:var(--vii-spacing-24);}

/* comment > start */
.comment-form-rating__start button:before {content:"\e90c"}
.comment-form-rating__start button:after {content:"\e902" !important;}
.comment-form-rating__start button.active-click:after,
.comment-form-rating__start button.active-hover:after {opacity:1;}

/* form > submit */
.form-submit {margin-top:4px;}
.form-submit button {width:100%;}

/* close button */
.easy-popup:has(#review_form) .ep-close-button {font-size:13px;}
@media only screen and (min-width:1025px) {
    .easy-popup:has(#review_form) .ep-close-button {top:24px; right:32px;}
}


/*********************************************
 * Woo Reviews Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    #review_form_wrapper {--ep-padding:32px var(--vii-spacing-gap-container) 20px}
}
@media only screen and (max-width:768px) {
    .woocommerce-Reviews__title p {--vii-spacing-paragraph:0;}
    .woocommerce-Reviews #comments{padding-bottom:var(--vii-spacing-80);}
    .woocommerce-Reviews ul li {padding-bottom:20px;}
    .woocommerce-Reviews .comment-text {flex-direction:column; gap:20px; position:relative}
    .woocommerce-Reviews .meta, .woocommerce-Reviews .description {width:100%; padding-right:0;}
    .woocommerce-Reviews .meta {padding-right:100px;}
    .woocommerce-Reviews .btn-review {margin-top:var(--vii-spacing-36);}
}