/* Rating Stars */
.rating-stars {
    display: flex;
    align-items: center;
    flex-direction: row;
}

/* Hide the actual radio buttons */
.rating-stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

/* Star icon styling */
.rating-stars label {
    cursor: pointer;
    font-size: 1.75rem;
    padding: 0.25rem;
    margin: 0;
    color: #D1D5DB; /* Tailwind gray-300 */
    transition: all 0.2s ease;
}

/* Fix Tailwind classes */
.rating-stars label.text-yellow-400 {
    color: #FBBF24 !important; /* Tailwind yellow-400 */
}

.rating-stars label.text-gray-300 {
    color: #D1D5DB !important; /* Tailwind gray-300 */
}

/* Hover effect - lighten all stars up to the hovered one */
.rating-stars:not(.rating-disabled) label:hover,
.rating-stars:not(.rating-disabled) label:hover ~ label {
    color: #FCD34D !important; /* Tailwind yellow-300 - slightly lighter */
}

/* Active state */
.rating-stars input[type="radio"]:focus + label {
    outline: 2px solid #3B82F6; /* Tailwind blue-500 */
    outline-offset: 2px;
    border-radius: 4px;
}

/* Simplify mouseover highlight effect */
.rating-filter-info {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #4B5563; /* Tailwind gray-600 */
}