/* ============================================================================
 * Datei: lib/css/live_voting.css
 * Version: 1.0
 * Erstellungsdatum: 15.03.2026
 * ============================================================================ */

:root {
    --stern-groesse: 26px; /* Angepasst für die Player-Header-Größe */
    --stern-abstand: 4px;
    
    /* Farben für aktive (gelbe) Sterne */
    --farbe-aktiv: #FFD700;
    --transparenz-aktiv: 1;
    
    /* Farben für inaktive Sterne */
    --farbe-inaktiv: #FFD700; 
    --transparenz-inaktiv: 0.3;
}

.sterne-container {
    display: inline-flex;
    gap: var(--stern-abstand);
    cursor: pointer;
    margin: 8px 0 2px 0;
    justify-content: center;
}

.stern {
    width: var(--stern-groesse);
    height: var(--stern-groesse);
    fill: var(--farbe-inaktiv);
    opacity: var(--transparenz-inaktiv);
    transition: all 0.1s ease;
}

.stern.voll {
    fill: var(--farbe-aktiv);
    opacity: var(--transparenz-aktiv);
}

.stern.halb {
    fill: url(#halb-gradient);
    opacity: var(--transparenz-aktiv);
}

.voting-info {
    font-size: 0.8em;
    color: #bbb;
    margin-bottom: 6px;
    text-align: center;
}