/* WK Pool Pro v2.4.4 - Groundhog fix: landnamen blijven binnen mobiele wedstrijdkaart.
   Deze laag is bewust later geladen dan v2.4.3 en gebruikt gestructureerde spans uit match_label(). */

.wkp-match-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:.45em !important;
  min-width:0 !important;
  max-width:100% !important;
}
.wkp-match-label .wkp-team,
.wkp-match-label .wkp-team-nl{
  min-width:0 !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:.35em !important;
}
.wkp-match-label .wkp-team-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media (max-width:760px){
  .wkp-appshell .wkp-personal-entry .wkp-match-table,
  .wkp.wkp-personal-entry .wkp-match-table,
  .wkp-personal-entry .wkp-match-table{
    table-layout:fixed !important;
    width:100% !important;
    max-width:100% !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table tbody tr,
  .wkp.wkp-personal-entry .wkp-match-table tbody tr,
  .wkp-personal-entry .wkp-match-table tbody tr{
    overflow:hidden !important;
    max-width:100% !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table tbody tr > td:nth-child(2),
  .wkp.wkp-personal-entry .wkp-match-table tbody tr > td:nth-child(2),
  .wkp-personal-entry .wkp-match-table tbody tr > td:nth-child(2){
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    padding:14px 10px 12px !important;
    white-space:normal !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table tbody tr > td:nth-child(2) .wkp-match-label,
  .wkp.wkp-personal-entry .wkp-match-table tbody tr > td:nth-child(2) .wkp-match-label,
  .wkp-personal-entry .wkp-match-table tbody tr > td:nth-child(2) .wkp-match-label{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items:center !important;
    column-gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    font-size:clamp(18px, 5.1vw, 24px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team,
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl{
    min-width:0 !important;
    max-width:100% !important;
    width:auto !important;
    overflow:hidden !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    white-space:nowrap !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team:first-child,
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl:first-child,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team:first-child,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl:first-child,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team:first-child,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl:first-child{
    justify-content:flex-start !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team:last-child,
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl:last-child,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team:last-child,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl:last-child,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team:last-child,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-nl:last-child{
    justify-content:flex-start !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-name,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-name,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-name{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-emoji-flag,
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-flag,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-emoji-flag,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-flag,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-emoji-flag,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-flag{
    flex:0 0 auto !important;
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-vs,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-vs,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-vs{
    min-width:10px !important;
    margin:0 !important;
    text-align:center !important;
    font-size:.95em !important;
  }
}
