/* Direct star rating system - no FontAwesome dependency */
.star-container {
    display: inline-block;
    font-size: 1.2rem;
    color: #ffc107;
    line-height: 1;
}
.star {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.star-filled:after {
    content: "★";
}
.star-half:after {
    content: "★"; /* Using CSS for half star effect */
    background: linear-gradient(90deg, #ffc107 50%, #e9ecef 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.star-empty:after {
    content: "★";
    color: #e9ecef;
}