/* Fix for star rating hover behavior */
.stars {
    direction: rtl;
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 20px;
}

.stars .star {
    color: #c0c0c0;
    cursor: pointer;
    font-size: 30px;
    margin-right: 5px;
    transition: color 0.2s ease;
}

.stars .radio {
    position: absolute;
    opacity: 0;
}

/* This makes the stars fill from right to left on hover */
.stars .star:hover,
.stars .star:hover ~ .star {
    color: #b99158;
}

/* This ensures selected stars maintain their color */
.stars .radio:checked ~ .star {
    color: #b99158;
}

/* Fix for the review stars display */
.review-stars .star {
    color: #c0c0c0;
    font-size: 18px;
}

.review-stars .filled {
    color: #b99158;
}

/* Magento default rating control overrides */
.review-control-vote label:before {
    color: #c0c0c0;
}

.review-control-vote label:hover:before,
.review-control-vote label:hover ~ label:before {
    color: #b99158;
}

.review-control-vote .rating-5:before,
.review-control-vote .rating-4:before,
.review-control-vote .rating-3:before,
.review-control-vote .rating-2:before,
.review-control-vote .rating-1:before {
    color: #b99158;
}