.star-rating {
        direction: rtl;
        display: inline-block;
        font-size: 0;
    }

    .star-rating input {
        display: none;
    }

    .star-rating label {
        cursor: pointer;
        display: inline-block;
        padding: 0 3px;
    }

    .star-rating i {
        font-size: 2rem;
        color: #ddd;
        transition: color 0.2s ease;
    }

    /* Hover : toutes les étoiles à gauche */
    .star-rating label:hover i,
    .star-rating label:hover ~ label i {
        color: #ffc107 !important;
    }

    /* Sélectionnée : reste jaune */
    .star-rating input:checked ~ label i {
        color: #ffc107 !important;
    }

    /* Persiste même après clic */
    .star-rating input:checked + label i {
        color: #ffc107 !important;
    }