body { 
    font-family: 'Inter', sans-serif; 
}

.star { 
    cursor: pointer; 
    color: #d1d5db; 
    transition: color 0.1s ease-in-out;
}

.star.rated {
    color: #f59e0b; 
}

/* This is for the new JS-driven hover effect */
.star.hover-highlight {
    color: #f59e0b;
}

/* Add styles for the feedback status text */
.feedback-status {
    font-size: 0.75rem;
    height: 1.2rem; /* prevent layout shift when text appears */
    transition: color 0.3s ease;
}

/* Bootstrap Icon Star Styles */
.stars i {
    font-size: 1.5rem; /* Make stars bigger */
    cursor: pointer;
    margin-right: 0.25rem; /* Add some spacing between stars */
    transition: color 0.2s ease-in-out;
}

.stars i.bi-star {
    color: #d1d5db; /* Light gray for empty stars */
}

.stars i.bi-star-fill {
    color: #fbbf24; /* Yellow for filled stars */
}

.stars i:hover {
    color: #f59e0b; /* Slightly darker yellow on hover */
}

/* Game Cover Art Styles */
.game-cover-art {
    height: 200px;
    object-fit: cover;
    border-bottom: 1px solid #e5e7eb;
}

@media (max-width: 768px) {
    .game-cover-art {
        height: 150px;
    }
}