.wpsr-rating {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}

.wpsr-star {
    width:25px;
    height:25px;
    
    color: #ddd;
    cursor: pointer;
    transition: color .2s, transform .15s;
}

/* Hover sao hiện tại + các sao TRƯỚC nó */
.wpsr-star:hover,
.wpsr-star:hover ~ .wpsr-star {
    color: #ddd;
}

.wpsr-star.active,
.wpsr-star.selected {
    color: #f5b301;
}
.wpsr-star:hover {
    transform: scale(1.15);
}
.wpsr-star[data-value="1"]{
    position: relative;
    width: 25px;
    height: 25px;
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao-none.png');
    background-repeat: no-repeat;
    

}
.wpsr-star[data-value="2"]{
      position: relative;
    width: 25px;
    height: 25px;
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao-none.png');
    background-repeat: no-repeat;
  
}
.wpsr-star[data-value="3"]{
      position: relative;
    width: 25px;
    height: 25px;
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao-none.png');
    background-repeat: no-repeat;
  
}

.wpsr-star[data-value="4"]{
      position: relative;
    width: 25px;
    height: 25px;
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao-none.png');
    background-repeat: no-repeat;
   

}
.wpsr-star[data-value="5"]{
      position: relative;
    width: 25px;
    height: 25px;
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao-none.png');
    background-repeat: no-repeat;
   

}
/* Dùng :has() để tô sao bên trái */

.wpsr-info{
       padding-left: 5px;
    margin-top: 5px;
        color: #807D7D;
}
.text-danhgia{
    margin-top: 3px;
    color: #807D7D;
    font-weight: bold;
    font-size: 14px;
}
.wpsr-stars {
    position: relative;
    display: inline-block;
    font-size: var(--star-size);
    line-height: 1;
    color: #ddd; /* sao bạc */
}

/* lớp sao vàng phủ lên */

.wpsr-star::before{
    content: "";
    display: block;

}
.wpsr-star i {
    width: 0;
    overflow: hidden;
    transition: width .25s ease;
}

.wpsr-star[data-value="1"]>i{
    content:"";
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png');
   
    height: 25px;
    position: absolute;
    top:0;
    left:0;
    display: block;
}
.wpsr-star[data-value="2"]>i{
    content:"";
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png');
   
    height: 25px;
    position: absolute;
    top:0;
    left:0;
    display: block;
}
.wpsr-star[data-value="3"]>i{
    content:"";
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png');
   
    height: 25px;
    position: absolute;
    top:0;
    left:0;
    display: block;
}
.wpsr-star[data-value="4"]>i{
    content:"";
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png');
   
    height: 25px;
    position: absolute;
    top:0;
    left:0;
    display: block;
}
.wpsr-star[data-value="5"]>i{
    content:"";
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png');
    width: 0;
    height: 25px;
    position: absolute;
    top:0;
    left:0;
    display: block;
}

/* ===== HOVER TÔ SAO TỪ TRÁI → PHẢI ===== */


/* ===== HOVER TÔ SAO THEO data-value ===== */

.wpsr-rating:has(.wpsr-star[data-value="1"]:hover)
.wpsr-star[data-value="1"] i {
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png') !important;
    background-position: 0 0  !important;
    background-size: auto  !important;
    width: 25px  !important;
}

.wpsr-rating:has(.wpsr-star[data-value="2"]:hover)
.wpsr-star[data-value="1"] i,
.wpsr-rating:has(.wpsr-star[data-value="2"]:hover)
.wpsr-star[data-value="2"] i {
     background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png') !important;
    background-position: 0 0  !important;
    background-size: auto  !important;
    width: 25px  !important;
}

.wpsr-rating:has(.wpsr-star[data-value="3"]:hover)
.wpsr-star[data-value="1"] i,
.wpsr-rating:has(.wpsr-star[data-value="3"]:hover)
.wpsr-star[data-value="2"] i,
.wpsr-rating:has(.wpsr-star[data-value="3"]:hover)
.wpsr-star[data-value="3"] i {
     background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png') !important;
    background-position: 0 0  !important;
    background-size: auto  !important;
    width: 25px  !important;
}

.wpsr-rating:has(.wpsr-star[data-value="4"]:hover)
.wpsr-star[data-value="1"] i,
.wpsr-rating:has(.wpsr-star[data-value="4"]:hover)
.wpsr-star[data-value="2"] i,
.wpsr-rating:has(.wpsr-star[data-value="4"]:hover)
.wpsr-star[data-value="3"] i,
.wpsr-rating:has(.wpsr-star[data-value="4"]:hover)
.wpsr-star[data-value="4"] i {
  background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png') !important;
    background-position: 0 0  !important;
    background-size: auto  !important;
    width: 25px  !important;
}

.wpsr-rating:has(.wpsr-star[data-value="5"]:hover)
.wpsr-star[data-value="1"] i,
.wpsr-rating:has(.wpsr-star[data-value="5"]:hover)
.wpsr-star[data-value="2"] i,
.wpsr-rating:has(.wpsr-star[data-value="5"]:hover)
.wpsr-star[data-value="3"] i,
.wpsr-rating:has(.wpsr-star[data-value="5"]:hover)
.wpsr-star[data-value="4"] i,
.wpsr-rating:has(.wpsr-star[data-value="5"]:hover)
.wpsr-star[data-value="5"] i {
    background-image: url('https://topbacsi.com/wp-content/plugins/wp-star-rating/assets/img/sao.png') !important;
    background-position: 0 0  !important;
    background-size: auto  !important;
    width: 25px  !important;
}