/* WK Pool Pro v2.4.5 - mobiele volgende-wedstrijdkaart fix
   Doel: geen horizontale overflow op mobiel, zonder eerdere fixes terug te draaien. */

.wkp-appshell .wkp-next,
.wkp .wkp-next{
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.wkp-appshell .wkp-next-main,
.wkp .wkp-next-main,
.wkp-appshell .wkp-next-meta,
.wkp .wkp-next-meta{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

@media (max-width:760px){
  .wkp-appshell .wkp-next,
  .wkp .wkp-next{
    width:100% !important;
    max-width:100% !important;
    padding:18px 16px !important;
  }

  .wkp-appshell .wkp-next-main,
  .wkp .wkp-next-main{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    white-space:normal !important;
    font-size:clamp(22px, 7.2vw, 34px) !important;
    line-height:1.06 !important;
    letter-spacing:-.055em !important;
  }

  .wkp-appshell .wkp-next-main .wkp-match-label,
  .wkp .wkp-next-main .wkp-match-label{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .wkp-appshell .wkp-next-main .wkp-team,
  .wkp-appshell .wkp-next-main .wkp-team-nl,
  .wkp .wkp-next-main .wkp-team,
  .wkp .wkp-next-main .wkp-team-nl{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .wkp-appshell .wkp-next-main .wkp-team-name,
  .wkp .wkp-next-main .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-next-main .wkp-emoji-flag,
  .wkp-appshell .wkp-next-main .wkp-flag,
  .wkp .wkp-next-main .wkp-emoji-flag,
  .wkp .wkp-next-main .wkp-flag{
    flex:0 0 auto !important;
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .wkp-appshell .wkp-next-main .wkp-vs,
  .wkp .wkp-next-main .wkp-vs{
    flex:0 0 auto !important;
    min-width:14px !important;
    margin:0 !important;
    text-align:center !important;
    overflow:visible !important;
  }

  .wkp-appshell .wkp-next-meta,
  .wkp .wkp-next-meta{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    font-size:clamp(15px, 4.4vw, 20px) !important;
    line-height:1.25 !important;
  }

  .wkp-appshell .wkp-next-meta *,
  .wkp .wkp-next-meta *{
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}