/* تصميم النجوم */
#star_rating {
    display: inline-flex;
    gap: 5px;
}

#star_rating .star {
    font-size: 50px; /* تكبير حجم النجوم */
    cursor: pointer;
    color: grey; /* اللون الافتراضي */
    transition: color 0.3s ease;
}

#star_rating .star.selected {
    color: gold; /* النجوم المختارة */
}

#star_rating .star:hover,
#star_rating .star:hover ~ .star {
    color: gold; /* النجوم عند التمرير */
}