/**
 * Single Product comments
*/

div.product #reviews {
    display: flex;
    flex-direction: column-reverse;
    /*padding-top: var(--padding-block-space);*/
}
div.product #comments {
    /*padding-top: var(--padding-separator);*/
}

div.product #reply-title {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist {
    padding-left: 0;
}

.woocommerce #review_form #respond .form-submit {
    margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: none;
}
.woocommerce-review__author {
    font-size: 1.8rem;
}
.woocommerce-review__dash {
    display: none;
}
.woocommerce-review__published-date {
    font-size: 1.4rem;
    line-height: 1;
    color: #b1b1b1;
}
.woocommerce #reviews #comment {
    height: 100px;
}
.woocommerce p.stars a {
    --color-link:var(--color-rating);
}
.woocommerce #review_form #respond .form-submit input {
    padding: var(--padding-btn);
    border: var(--border-btn);
    border-color: var(--border-color);
    background-color: var(--bgcolor-btn);
    border-radius: var(--border-radius-input);
    transition-duration: var(--transduration-body);
    transition-property: var(--transproperty-btn);
}
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #review_form #respond .form-submit input:focus {
    color: var(--color-btn-hover);
    background-color: var(--bgcolor-btn-hover);
    border-color: var(--bgcolor-btn-hover);
}

.woocommerce #reviews #comments ol.commentlist > li:nth-last-child(n + 2) {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-separator);
}
.woocommerce #reviews #comments ol.commentlist .comment_container {
    padding-bottom: 30px;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
    margin-left: 30px;
    margin-top: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #333;
    padding: 2px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 60px;
    padding: 0;
}
@media (min-width: 769px) {
    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        margin-left: 90px;
    }
    .woocommerce #reviews #comments ol.commentlist li img.avatar {
        width: 70px;
        height: 70px;
    }

    .comment-form-rating {
        order:5;
        flex-basis: calc(50% - var(--padding-col-unit));
    }

    .woocommerce #reviews #comments ol.commentlist ul.children {
        margin-left: 100px;
    }
}