/* v2.10.23 - mobiele invulpagina: uitslagfeedback en punten altijd zichtbaar + vrienden sorteren gebeurt in PHP */
@media (max-width: 760px){
  html body .wkp-appshell .wkp-personal-entry .wkp-match-table tbody tr,
  html body .wkp.wkp-personal-entry .wkp-match-table tbody tr,
  html body .wkp-personal-entry .wkp-match-table tbody tr{
    overflow: visible !important;
  }
  html body .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(4),
  html body .wkp.wkp-personal-entry .wkp-match-table td:nth-child(4),
  html body .wkp-personal-entry .wkp-match-table td:nth-child(4){
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  html body .wkp-appshell .wkp-personal-entry .wkp-match-result-feedback,
  html body .wkp.wkp-personal-entry .wkp-match-result-feedback,
  html body .wkp-personal-entry .wkp-match-result-feedback{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
  }
  html body .wkp-personal-entry .wkp-match-result-feedback span{
    display:block !important;
    min-width:0 !important;
    color:#fff !important;
  }
  html body .wkp-personal-entry .wkp-match-result-feedback em{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:44px !important;
    padding:7px 9px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#111827 !important;
    font-size:15px !important;
    font-weight:1000 !important;
  }
  html body .wkp-personal-entry .wkp-result-exact{background:rgba(22,163,74,.28)!important;border-color:rgba(34,197,94,.70)!important}
  html body .wkp-personal-entry .wkp-result-one{background:rgba(234,179,8,.27)!important;border-color:rgba(250,204,21,.70)!important}
  html body .wkp-personal-entry .wkp-result-zero{background:rgba(220,38,38,.24)!important;border-color:rgba(248,113,113,.70)!important}

  /* Lange landnamen iets beter leesbaar op mobiel */
  html body .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-name,
  html body .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-name,
  html body .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-match-label .wkp-team-name{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.02 !important;
  }
}


@media (max-width:760px){
  html body .wkp-personal-entry .wkp-result-exact{
    background:rgba(22,163,74,.22)!important;
    border-color:#22c55e!important;
  }
  html body .wkp-personal-entry .wkp-result-one{
    background:rgba(212,175,55,.22)!important;
    border-color:#d4af37!important;
  }
  html body .wkp-personal-entry .wkp-result-zero{
    background:rgba(185,28,28,.22)!important;
    border-color:#ef4444!important;
  }
  html body .wkp-personal-entry .wkp-match-result-feedback strong{
    color:#fff!important;
  }
}