/* File: wwwroot/css/ratings.css */

.star-rating {
    font-size: 1.8rem; /* size of stars */
    cursor: pointer; /* pointer on hover */
    user-select: none; /* prevent text selection */
    display: inline-flex; /* for proper alignment */
}

.star {
    color: #ccc; /* default star color */
    margin-right: 4px;
    transition: color 0.2s; /* smooth hover effect */
}

    .star.selected,
    .star.hover {
        color: #f5c518; /* highlighted star color */
    }