/* ... Giữ nguyên các phần cũ ... */
.spr-rating-box {
    border: 1px solid #ddd;
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
    background: #f9f9f9;
    text-align: center;
}

/* ... Style Mini cũ giữ nguyên ... */
.spr-rating-box.spr-mini {
    border: none;
    padding: 0;
    margin: 10px 0;
    background: transparent;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.spr-rating-box.spr-mini .spr-stars { font-size: 20px; }
.spr-rating-box.spr-mini .spr-text-prefix { display: none; }
.spr-rating-box.spr-mini .spr-message { margin: 0 0 0 10px; }


/* --- PHẦN MỚI: SAO & TRẠNG THÁI --- */
.spr-stars {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: center;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
}

.spr-stars span {
    color: #f39c12; 
    transition: color 0.2s;
    padding: 0 2px;
}

/* Chỉ hover khi chưa đánh giá (.spr-rated) và chưa bị khóa (.disabled) */
.spr-rating-box:not(.spr-rated) .spr-stars:not(.disabled):hover span { 
    color: #ccc; 
}

.spr-rating-box:not(.spr-rated) .spr-stars:not(.disabled) span:hover,
.spr-rating-box:not(.spr-rated) .spr-stars:not(.disabled) span:hover ~ span { 
    color: #f39c12; 
}

/* Style khi ĐÃ ĐÁNH GIÁ hoặc ĐANG GỬI */
.spr-rating-box.spr-rated .spr-stars,
.spr-stars.disabled {
    opacity: 0.6;
    pointer-events: none; /* Không cho click nữa */
    cursor: default;
}

.spr-result { margin-top: 5px; font-size: 14px; color: #555; }
.spr-message { margin-top: 5px; font-weight: bold; font-size: 13px; min-height: 20px; }