/* 评分星星样式 - t120主题 */

/* 必填字段红色星号 */
.required {
    color: #ff0000;
    margin-left: 2px;
    font-weight: bold;
}

.rating-stars {
    display: inline-flex;
    gap: 2px;
}

/* 强制覆盖FontAwesome默认样式 - 默认金色 */
.new-review-form .rating-star,
.new-review-form .rating-star.fa,
.new-review-form i.rating-star,
.new-review-form .fa-star.rating-star {
    cursor: pointer !important;
    color: #ffc107 !important;
    transition: all 0.2s ease !important;
    font-size: 18px !important;
}

/* 灰色星星 */
.new-review-form .rating-star.gray-star,
.new-review-form .rating-star.gray-star.fa,
.new-review-form i.rating-star.gray-star,
.new-review-form .fa-star.rating-star.gray-star {
    color: #ddd !important;
}

/* 悬停效果 */
.new-review-form .rating-star:hover {
    transform: scale(1.1);
}

/* 已选中/填充的星星 */
.new-review-form .rating-star.filled,
.new-review-form .rating-star.filled.fa,
.new-review-form i.rating-star.filled,
.new-review-form .fa-star.rating-star.filled {
    color: #ffc107 !important;
}

/* 评论列表中的星星样式 - 统一大小 */
.rating-stars .fa-star,
.rating-stars .fa-star-half-o,
.rating-stars .fa-star-half {
    font-size: 16px !important;
    line-height: 1 !important;
}

.rating-stars .fa-star.filled,
.rating-stars .fa-star-half-o.filled,
.rating-stars .fa-star-half.filled {
    color: #ffc107 !important;
}

.rating-stars .fa-star.gray-star {
    color: #ddd !important;
}

/* reviewLink 区域的星星样式（Average Rating） - 统一大小 */
.reviewLink .fa-star,
.reviewLink .fa-star-half-o,
.reviewLink .fa-star-half {
    font-size: 20px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.reviewLink .fa-star.filled,
.reviewLink .fa-star-half-o.filled,
.reviewLink .fa-star-half.filled {
    color: #ffc107 !important;
}

.reviewLink .fa-star.gray-star {
    color: #ddd !important;
}

/* 评论中的图片和视频样式 */
.review-file {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.review-file img {
    max-width: 150px;
    max-height: 150px;
    object-fit: cover;
    border-radius: 4px;
}

.review-file .item_video {
    position: relative;
}

.review-file .review-video {
    max-width: 150px;
    max-height: 150px;
    border-radius: 4px;
    display: block;
}

