/* WK Pool Pro v2.10.43 - mobiele stand: positie nooit afkappen
   Belangrijk: .wkp en .wkp-stand-page kunnen op hetzelfde element staan; daarom selectors met én zonder spatie. */
@media (max-width: 768px){
  /* Algemene stand: duidelijke vier kolommen */
  html body .wkp-stand-page .wkp-mobile-stand-list::before,
  html body .wkp.wkp-stand-page .wkp-mobile-stand-list::before,
  html body .wkp .wkp-stand-page .wkp-mobile-stand-list::before{
    grid-template-columns: 76px minmax(0,1fr) 78px 58px !important;
    gap: 6px !important;
    content: '#   TEAM                 KROEG   PT' !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body .wkp-stand-page .wkp-mobile-stand-row,
  html body .wkp.wkp-stand-page .wkp-mobile-stand-row,
  html body .wkp .wkp-stand-page .wkp-mobile-stand-row{
    grid-template-columns: 76px minmax(0,1fr) 78px 58px !important;
    gap: 6px !important;
  }

  /* Algemene regel uit oudere CSS overschrijven: NIET alle spans mogen ellipsis hebben. */
  html body .wkp-stand-page .wkp-mobile-stand-row > span,
  html body .wkp.wkp-stand-page .wkp-mobile-stand-row > span,
  html body .wkp .wkp-stand-page .wkp-mobile-stand-row > span{
    min-width: 0 !important;
  }

  /* Positie + trend: nooit afkappen */
  html body .wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank,
  html body .wkp.wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank,
  html body .wkp .wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    word-break: normal !important;
    flex: 0 0 76px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    color: #ff8a1d !important;
    -webkit-text-fill-color: #ff8a1d !important;
  }

  html body .wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank *,
  html body .wkp.wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank *,
  html body .wkp .wkp-stand-page .wkp-mobile-stand-row > .wkp-mobile-rank *{
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body .wkp-stand-page .wkp-mobile-rank .wkp-rank-trend,
  html body .wkp.wkp-stand-page .wkp-mobile-rank .wkp-rank-trend,
  html body .wkp .wkp-stand-page .wkp-mobile-rank .wkp-rank-trend{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 22px !important;
    max-width: none !important;
    height: 17px !important;
    padding: 0 4px !important;
    margin-left: 2px !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: -0.03em !important;
  }

  /* Alleen deze velden mogen afkappen. */
  html body .wkp-stand-page .wkp-mobile-team,
  html body .wkp.wkp-stand-page .wkp-mobile-team,
  html body .wkp .wkp-stand-page .wkp-mobile-team,
  html body .wkp-stand-page .wkp-mobile-tavern,
  html body .wkp.wkp-stand-page .wkp-mobile-tavern,
  html body .wkp .wkp-stand-page .wkp-mobile-tavern{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .wkp-stand-page .wkp-mobile-team,
  html body .wkp.wkp-stand-page .wkp-mobile-team,
  html body .wkp .wkp-stand-page .wkp-mobile-team{
    font-size: 15px !important;
  }

  html body .wkp-stand-page .wkp-mobile-tavern,
  html body .wkp.wkp-stand-page .wkp-mobile-tavern,
  html body .wkp .wkp-stand-page .wkp-mobile-tavern{
    font-size: 12px !important;
  }

  html body .wkp-stand-page .wkp-mobile-points,
  html body .wkp.wkp-stand-page .wkp-mobile-points,
  html body .wkp .wkp-stand-page .wkp-mobile-points{
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    text-align: right !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body .wkp-stand-page .wkp-mobile-points strong,
  html body .wkp.wkp-stand-page .wkp-mobile-points strong,
  html body .wkp .wkp-stand-page .wkp-mobile-points strong{
    font-size: 18px !important;
  }

  /* Eigen kroegdetail en compacte kroegenlijsten: dezelfde veilige kolom */
  html body .wkp-kroeg-detail-page table.wkp-table tbody::before,
  html body .wkp-kroeg-detail-page table.wkp-table tr,
  html body .wkp .wkp-mobile-tavern-player-row,
  html body .wkp .wkp-mobile-kroegenstand-row{
    grid-template-columns: 76px minmax(0,1fr) 68px !important;
  }

  html body .wkp-kroeg-detail-page table.wkp-table td:nth-child(1),
  html body .wkp .wkp-mobile-tavern-player-row > .wkp-mobile-rank,
  html body .wkp .wkp-mobile-kroegenstand-row > .wkp-mobile-rank{
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}