/* File: prj-setlist-builder/assets/css/frontend/prj-frontend-top-performers.css */

.prj-topperf-wrap.prj-topperf{ max-width:1200px; margin:0 auto; padding:10px 12px; }
.prj-topperf__table{ width:100%; border-collapse:separate; border-spacing:0; background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.12); border-radius:10px; overflow:hidden; }
.prj-topperf__thead th{ position:sticky; top:0; z-index:5; background:rgba(10,10,12,.95); color:#fff; font-weight:700; font-size:14px; letter-spacing:.2px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.16); }
.prj-topperf__sortlink{ text-decoration:none; display:inline-flex; align-items:center; gap:6px; opacity:.95; }
.prj-topperf__sortlink:hover{ opacity:1; text-decoration:underline; }
.prj-topperf__tbody td{ color:rgba(255,255,255,.92); font-size:14px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.08); }
.prj-topperf__tbody tr:nth-child(odd){ background:rgba(255,255,255,.04); }
.prj-topperf__tbody tr:nth-child(even){ background:rgba(0,0,0,.18); }
.prj-topperf__tbody tr:hover{ background:rgba(255,255,255,.10); }
.prj-topperf__td--performer{ font-weight:700; white-space:nowrap; }
.prj-topperf__td--performer a{ text-decoration:none; }
.prj-topperf__td--performer a:hover{ text-decoration:underline; }
.prj-topperf__td--num,.prj-topperf__th--num{ text-align:right; font-variant-numeric:tabular-nums; }
.prj-topperf__pager{ margin-top:12px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.prj-topperf__pagerlink{ text-decoration:none; }
.prj-topperf__pagerlink:hover{ text-decoration:underline; }
@media (max-width:900px){ .prj-topperf__tbody td,.prj-topperf__thead th{ padding:10px 10px; font-size:13px; } }
.prj-topperf__sortlink { position:relative; padding-right:14px; }
.prj-topperf__sortlink::after { content:''; position:absolute; right:0; top:50%; width:10px; height:14px; transform:translateY(-50%); background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M5 0l4 5H1l4-5zM5 14l-4-5h8l-4 5z'/%3E%3C/svg%3E") no-repeat center / contain; }
.prz-table thead th a.prz-sort{ display:flex; align-items:center; gap:10px; text-decoration:none; white-space:nowrap; }
.prz-sort-icons{ position:relative; width:12px; height:16px; display:inline-block; flex:0 0 12px; }
.prz-sort-icons:before,.prz-sort-icons:after{ content:""; position:absolute; left:0; border-left:6px solid transparent; border-right:6px solid transparent; opacity:.35; }
.prz-sort-icons:before{ top:0; border-bottom:7px solid currentColor; }
.prz-sort-icons:after{ bottom:0; border-top:7px solid currentColor; }
a.prz-sort.is-asc .prz-sort-icons:before{ opacity:1; }
a.prz-sort.is-asc .prz-sort-icons:after { opacity:.15; }
a.prz-sort.is-desc .prz-sort-icons:before{ opacity:.15; }
a.prz-sort.is-desc .prz-sort-icons:after { opacity:1; }