/* WK Pool Pro v2.10.42 - definitieve mobiele ranglijstkolommen */
@media (max-width:768px){
  /* Algemene stand: positie/trend mag nooit ellipsis krijgen */
  html body .wkp .wkp-stand-page .wkp-mobile-stand-list::before{
    grid-template-columns:88px minmax(0,1.05fr) minmax(58px,.62fr) 64px!important;
    gap:6px!important;
    content:'#        TEAM                 KROEG     PUNTEN'!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-stand-row{
    grid-template-columns:88px minmax(0,1.05fr) minmax(58px,.62fr) 64px!important;
    gap:6px!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank,
  html body .wkp .wkp-mobile-tavern-player-row > .wkp-mobile-rank,
  html body .wkp .wkp-mobile-kroegenstand-row > .wkp-mobile-rank{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    flex:0 0 88px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    word-break:normal!important;
    line-height:1!important;
    color:#ff8a1d!important;
    -webkit-text-fill-color:#ff8a1d!important;
    font-size:16px!important;
    font-weight:1000!important;
    letter-spacing:-.04em!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-rank .wkp-rank-trend,
  html body .wkp .wkp-mobile-tavern-player-row .wkp-mobile-rank .wkp-rank-trend,
  html body .wkp .wkp-mobile-kroegenstand-row .wkp-mobile-rank .wkp-rank-trend{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:24px!important;
    max-width:none!important;
    height:18px!important;
    padding:0 4px!important;
    margin:0!important;
    border-radius:999px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:10px!important;
    font-weight:1000!important;
    letter-spacing:-.03em!important;
    -webkit-text-fill-color:currentColor!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-team{
    font-size:15px!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-tavern{
    font-size:12px!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-points{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
  }
  html body .wkp .wkp-stand-page .wkp-mobile-points strong{
    font-size:18px!important;
  }

  /* Eigen kroegdetail: oude 38px tabelkolom definitief overschrijven */
  html body .wkp-kroeg-detail-page table.wkp-table tbody::before,
  html body .wkp-kroeg-detail-page table.wkp-table tr{
    grid-template-columns:88px minmax(0,1fr) 70px!important;
  }
  html body .wkp-kroeg-detail-page table.wkp-table td:nth-child(1){
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:17px!important;
  }

  /* Compacte kroegenlijsten ook dezelfde veilige eerste kolom */
  html body .wkp .wkp-mobile-tavern-player-row,
  html body .wkp .wkp-mobile-kroegenstand-row{
    grid-template-columns:88px minmax(0,1fr) 70px!important;
  }
}
