.elab-rating-wrapper {
    display: inline-block;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
}

.elab-rating-score {
    font-size: 14px;
    margin-bottom: 8px;
    color: #444;
}

.elab-rating-score strong {
    font-size: 18px;
    color: #000;
}

.elab-stars {
    display: flex;
    gap: 4px;
    cursor: pointer;
}

.elab-star {
    font-size: 24px;
    color: #ccc; /* Vaikimisi hall */
    transition: color 0.2s ease;
}

/* Aktiivsed ja hover tähed kollaseks -> roheliseks */
.elab-stars .elab-star.active,
.elab-stars .elab-star.hover {
    color: #4a9f04; /* ELAB roheline täht */
}

/* Loodame CSS pärandumise trikile (mouseover). See vajab JS tuge, sest hover käib paremalt vasakule ei toimi puhta CSS-iga mugavalt koos existing active-ga. */