/* WK Pool Pro v2.4.3 - mobiele invulpagina regressiefix
   Fixes: terugkerende opslaan-knop + wedstrijdnummers verbergen op mobiel.
*/

/* Desktop/tablet: bovenste opslaanknop blijft meelopen zodra je door de wedstrijden gaat. */
.wkp-appshell .wkp-personal-entry form > .wkp-savebar:not(.wkp-savebar-bottom),
.wkp-personal-entry form > .wkp-savebar:not(.wkp-savebar-bottom){
  position: sticky !important;
  top: 10px !important;
  z-index: 9998 !important;
  margin: 14px 0 18px !important;
  padding: 10px !important;
  border-radius: 28px !important;
  background: rgba(243,238,230,.92) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.18) !important;
}

.wkp-appshell .wkp-personal-entry form > .wkp-savebar:not(.wkp-savebar-bottom) .wkp-button,
.wkp-personal-entry form > .wkp-savebar:not(.wkp-savebar-bottom) .wkp-button{
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 760px){
  /* Onderste opslaan-knop blijft zichtbaar boven de mobiele navigatie. */
  .wkp-appshell .wkp-personal-entry .wkp-savebar-bottom,
  .wkp-personal-entry .wkp-savebar-bottom{
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: stretch !important;
    pointer-events: auto !important;
  }
  .wkp-appshell .wkp-personal-entry .wkp-savebar-bottom .wkp-button,
  .wkp-personal-entry .wkp-savebar-bottom .wkp-button{
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    box-shadow: 0 16px 34px rgba(255,122,0,.34), 0 0 0 1px rgba(255,255,255,.18) inset !important;
  }

  /* Ruimte onderaan, zodat de fixed knop en mobiele tabs niets afdekken. */
  .wkp-appshell .wkp-personal-entry form,
  .wkp-personal-entry form{
    padding-bottom: 180px !important;
  }

  /* Wedstrijdnummerkolom hard uitzetten op mobiel. Oude component-CSS maakte hier
     weer een absolute #badge van die over de landnamen heen viel. */
  .wkp-appshell .wkp-personal-entry table.wkp-match-table tbody tr > td:first-child,
  .wkp-appshell .wkp-personal-entry table.wkp-table.wkp-match-table tbody tr > td:first-child,
  .wkp.wkp-personal-entry table.wkp-match-table tbody tr > td:first-child,
  .wkp.wkp-personal-entry table.wkp-table.wkp-match-table tbody tr > td:first-child,
  .wkp-personal-entry table.wkp-match-table tbody tr > td:first-child{
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    inset: auto !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .wkp-appshell .wkp-personal-entry table.wkp-match-table tbody tr > td:first-child::before,
  .wkp-appshell .wkp-personal-entry table.wkp-match-table tbody tr > td:first-child::after,
  .wkp.wkp-personal-entry table.wkp-match-table tbody tr > td:first-child::before,
  .wkp.wkp-personal-entry table.wkp-match-table tbody tr > td:first-child::after,
  .wkp-personal-entry table.wkp-match-table tbody tr > td:first-child::before,
  .wkp-personal-entry table.wkp-match-table tbody tr > td:first-child::after{
    display: none !important;
    content: none !important;
  }

  /* Landnamen op mobiel netjes naast elkaar, zonder ruimte voor een verborgen nummerbadge. */
  .wkp-appshell .wkp-personal-entry table.wkp-match-table tbody tr > td:nth-child(2),
  .wkp.wkp-personal-entry table.wkp-match-table tbody tr > td:nth-child(2),
  .wkp-personal-entry table.wkp-match-table tbody tr > td:nth-child(2){
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-right: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
  }
  .wkp-appshell .wkp-personal-entry table.wkp-match-table tbody tr > td:nth-child(2)::before,
  .wkp.wkp-personal-entry table.wkp-match-table tbody tr > td:nth-child(2)::before,
  .wkp-personal-entry table.wkp-match-table tbody tr > td:nth-child(2)::before{
    display: none !important;
    content: none !important;
  }
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team,
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team-nl,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team-nl,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team-nl{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc(50% - 18px) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .wkp-appshell .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team span:not(.wkp-flag),
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team span:not(.wkp-flag),
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-team span:not(.wkp-flag){
    min-width: 0 !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-vs,
  .wkp.wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-vs,
  .wkp-personal-entry .wkp-match-table td:nth-child(2) .wkp-vs{
    flex: 0 0 auto !important;
    margin: 0 2px !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }
}