/* =========================================
   VOTE – STAR COMPONENT (GLOBAL)
   ========================================= */

.star-radio {
    display: none;
}

.star-label {
    display: inline-flex;
    cursor: pointer;
    font-size: 1.5rem;
    margin-right: 0.25rem;
}

.star-label i {
    color: #ccc;
    transition: color 0.2s ease, transform 0.15s ease;
}


/* Selected stars */
.star-radio:checked + .star-label i {
    color: #ffc107;
}


/* Hover ONLY on devices that support hover */
@media (hover: hover) {
    .star-label:hover i,
    .star-label:hover ~ .star-label i {
        color: #ffc107;
    }

    .star-label:hover i {
        transform: scale(1.1);
    }
}


/* Optional feedback on click */
.star-label:active i {
    transform: scale(0.95);
}