/* Radio Radio – stranica glasova */
.votes-hero{
    background:var(--navy);
    color:#fff;
    padding:58px 0 62px;
    position:relative;
    overflow:hidden;
}
.votes-hero:after{
    content:"";
    position:absolute;
    right:-80px;
    top:-130px;
    width:430px;
    height:430px;
    border:80px solid rgba(229,36,43,.13);
    border-radius:50%;
}
.page-kicker{
    color:var(--red);
    font-size:11px;
    font-weight:900;
    letter-spacing:.5px;
}
.votes-hero h1{
    font-size:clamp(42px,5vw,68px);
    line-height:.92;
    margin:12px 0 18px;
    letter-spacing:-2px;
    position:relative;
    z-index:1;
}
.votes-hero h1 span{color:var(--red)}
.votes-hero p{
    margin:0;
    color:#bdc8d7;
    font-size:16px;
    max-width:650px;
    position:relative;
    z-index:1;
}
.votes-section{
    padding:48px 0 70px;
    background:var(--cream);
}
.votes-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}
.votes-heading>div:first-child>span{
    color:var(--red);
    font-size:11px;
    font-weight:900;
}
.votes-heading h2{
    margin:5px 0 0;
    font-size:28px;
}
.period{
    font-size:10px;
    font-weight:900;
    color:var(--muted);
    border:1px solid var(--line);
    padding:9px 12px;
    border-radius:6px;
    background:var(--paper);
}
.song-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.song-row{
    display:grid;
    grid-template-columns:68px 1fr auto;
    align-items:center;
    gap:18px;
    min-height:78px;
    padding:12px 18px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:10px;
    box-shadow:0 6px 16px rgba(7,26,56,.04);
}
.song-rank{
    width:48px;
    height:48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--navy);
    color:#fff;
    font-size:18px;
    font-weight:900;
}
.song-row:nth-child(1) .song-rank{background:var(--red)}
.song-info{min-width:0}
.song-title{
    font-size:16px;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.song-artist{
    margin-top:5px;
    color:var(--muted);
    font-size:12px;
}
.song-votes{
    text-align:right;
    min-width:82px;
}
.song-votes strong{
    display:block;
    color:var(--red);
    font-size:22px;
    line-height:1;
}
.song-votes span{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.votes-state{
    color:var(--muted);
    font-size:13px;
    padding:10px 0 18px;
}
.votes-empty{
    padding:35px;
    background:var(--paper);
    border:1px dashed var(--line);
    border-radius:10px;
    text-align:center;
    color:var(--muted);
}
.votes-error{
    color:var(--red);
}
body.dark .votes-empty{background:var(--paper)}

@media(max-width:760px){
    .votes-hero{padding:42px 0 46px}
    .votes-hero h1{font-size:clamp(37px,10vw,52px);letter-spacing:-1.5px}
    .votes-hero p{font-size:14px}
    .votes-section{padding:32px 0 48px}
    .votes-heading{align-items:flex-start;flex-direction:column;gap:10px}
    .votes-heading h2{font-size:23px}
    .song-row{
        grid-template-columns:48px 1fr;
        gap:12px;
        padding:12px;
    }
    .song-rank{width:42px;height:42px;font-size:16px}
    .song-title{font-size:14px}
    .song-votes{
        grid-column:2;
        text-align:left;
        min-width:0;
        display:flex;
        align-items:baseline;
        gap:6px;
    }
    .song-votes strong{font-size:18px}
    .song-votes span{margin-top:0}
}