ol.children {
    padding-left: 0;
    list-style: none;
    padding-right: 40px;
}
.comments-title{
    font-size: 22px;
    font-weight: bold;
}

.comment-edit-link {
    text-decoration: none;
}

ol.commentlist, ol.comment-list {
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
}

.Dm-recoomend {
    color: #00a049;
}

.comment-one .suggest {
    fill: #00a049;
    color: #00a049;
}

.Dm-dis-recoomend {
    color: #a00020;

}

.weaknesses {
    list-style-type: none;
    padding: 8px;
    margin: 8px;
    color: #a00020;
}

.weaknesses li {
    position: relative;
    padding-right: 8px;
}

.weaknesses li::before {
    content: "-"; /* علامت منفی */
    position: absolute;
    right: -5px;
    top:-4px;
    color: #a00020; /* رنگ قرمز */
    font-size: 20px;
}


.strengths {
    list-style-type: none;
    padding: 8px;
    margin: 8px;
    color: #00a049 !important;
}

.strengths li {
    position: relative;
    padding-right: 8px; /* تنظیم فاصله برای آیکون */
}

.strengths li::before {
    content: "+"; /* کد آیکون FontAwesome برای + */
    position: absolute;
    right: -5px;
    top:-4px;
    color: #00a049;
    font-size: 20px;
}

.comment-meta svg {
    fill: #9a9592 ;
    margin-right: 7px;
    margin-left: 0px;
}

.recommend-green {
    background-color: #00a04915;
    border-radius: 500px;
    padding: 3px 5px 3px 8px !important;
    margin-right: 5px;
}

.recommend-red {
    background-color: #a0002015;
    border-radius: 500px;
    padding: 3px 8px 3px 8px !important;
    margin: 0px;
    margin-right: 5px;
}

.recommend-green svg, .recommend-red svg {
    margin: 0px;
}

.comment-reply-link {
    color: #3F497F !important;
    padding: 3px 20px !important;
    font-size: 15px !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    border-width: 1px;
}

.comment-body {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.was-validated .form-control:valid#strengths {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23199f4c'%3e%3ctitle%3eplus%3c/title%3e%3cpath d='M16 0c1.1 0 2 .9 2 2v12h12c1.1 0 2 .9 2 2s-.9 2-2 2H18v12c0 1.1-.9 2-2 2s-2-.9-2-2V18H2c-1.1 0-2-.9-2-2s.9-2 2-2h12V2c0-1.1.9-2 2-2z'/%3e%3c/svg%3e");
}

.was-validated .form-control:valid#weakness {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 24L38.5 24' stroke='%23dc3545' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.comment-form-rating div.stars a:hover~a::before {
    content: url('svgs/star-empty.svg');
}

.comment-form-rating div.stars:hover a::before {
    content: url('svgs/star-full.svg');
}

.comment-form-rating div.stars.selected a.active::before {
    content: url('svgs/star-full.svg');
}

.comment-form-rating div.stars.selected a.active~a::before {
    content: url('svgs/star-empty.svg');
}

.comment-form-rating div.stars.selected a:not(.active)::before {
    content: url('svgs/star-full.svg');
}

.comment-form-rating div.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    content: url('svgs/star-empty.svg');
    text-indent: 0;
    font-size: 24px;
}

.comment-form-rating div.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}

.show-stars .active svg{
    fill: var(--bs-primary);
    margin: 0;
}
.show-stars .not-active svg{
    fill: white;
    margin: 0;
    stroke: black;
    stroke-width: 0.5;
}
.parent {
    margin: 24px 0;
}

.comment-form-recommend{
    padding-right: 32px;
}