/* Star Rating Styles */

.star-rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stars-container {
    display: flex;
    gap: 0.25rem;
}

.star {
    color: #d1d5db;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.star.filled {
    color: #fbbf24;
}

.star.interactive:hover {
    color: #f59e0b;
    transform: scale(1.1);
}

.star.interactive:hover ~ .star {
    color: #d1d5db;
}

.rating-text {
    font-size: 0.85rem;
    color: var(--muted-foreground);
    font-weight: var(--font-medium);
}