/* Het toernooibord, de spelerslijst en de deelpagina's */
.it-bordpagina{padding:24px 20px 64px}
.it-toernooikop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px}
.it-toernooikop h1{margin:0;font-size:var(--it-fs-h2)}
.it-wissel{margin:6px 0 0;font-size:.95rem;color:var(--it-ink-zachter);display:flex;flex-wrap:wrap;gap:4px 10px}
.it-wissel a{font-weight:700;color:var(--it-groen-donker);text-decoration:none;padding:.2em .6em;border-radius:var(--it-radius-pil);background:var(--it-groen-zacht)}
.it-wissel a:hover{text-decoration:underline}
.it-toernooinav{display:flex;gap:4px;flex-wrap:wrap}
.it-toernooinav a{text-decoration:none;color:var(--it-ink-zacht);font-weight:600;padding:.5em .9em;border-radius:var(--it-radius-pil);border:1px solid var(--it-lijn)}
.it-toernooinav a[aria-current="page"]{background:var(--it-navy);color:var(--it-wit);border-color:var(--it-navy)}
.it-rondetabs{display:flex;gap:6px;overflow-x:auto;padding:6px 6px 10px;margin:0 -6px;scrollbar-width:thin}
.it-rondetab{flex:0 0 auto;padding:.55em 1em;border-radius:var(--it-radius-pil);border:1px solid var(--it-lijn);background:var(--it-wit);font:inherit;font-weight:700;cursor:pointer;color:var(--it-ink-zacht)}
.it-rondetab.aan{background:var(--it-navy);color:var(--it-wit);border-color:var(--it-navy)}
.it-rondetab .st{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px;background:var(--it-lijn)}
.it-rondetab .st--bezig{background:var(--it-geel)}
.it-rondetab .st--afgerond{background:var(--it-groen)}
.it-bord-raster{display:grid;gap:22px}
@media (min-width:1000px){.it-bord-raster{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);align-items:start}}
.it-rondekop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px}
.it-rondekop h2{margin:0}
.it-rondekop p{margin:0;color:var(--it-ink-zachter);font-size:.95rem}
.it-velden{display:grid;gap:14px}
.it-veld{background:var(--it-wit);border:1px solid var(--it-lijn);border-radius:var(--it-radius-l);padding:14px;box-shadow:var(--it-schaduw)}
.it-veld-kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:var(--it-font-kop);font-weight:800}
.it-veld-kop small{font-weight:500;color:var(--it-ink-zachter)}
.it-wedstrijd{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}
.it-team{min-width:0}
.it-team-naam{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}
.it-hesje{display:inline-block;width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}
.it-hesje--oranje{background:var(--it-hesje-oranje)}.it-hesje--blauw{background:var(--it-hesje-blauw)}.it-hesje--geel{background:var(--it-hesje-geel)}.it-hesje--groen{background:var(--it-hesje-groen)}.it-hesje--rood{background:var(--it-hesje-rood)}.it-hesje--wit{background:var(--it-hesje-wit)}.it-hesje--paars{background:var(--it-hesje-paars)}.it-hesje--zwart{background:var(--it-hesje-zwart)}
.it-team ul{list-style:none;margin:0;padding:0;font-size:.95rem;line-height:1.5}
.it-team--a{text-align:left}
.it-team--b{text-align:right}
.it-team--b .it-team-naam{justify-content:flex-end}
.it-score{display:grid;gap:6px;justify-items:center;align-self:center}
.it-score-rij{display:flex;align-items:center;gap:4px;touch-action:manipulation}
.it-score-rij input{width:52px;height:48px;text-align:center;font:inherit;font-family:var(--it-font-kop);font-weight:800;font-size:1.4rem;border:2px solid var(--it-lijn);border-radius:12px;-moz-appearance:textfield}
.it-score-rij input::-webkit-outer-spin-button,.it-score-rij input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.it-score-rij .streep{font-family:var(--it-font-kop);font-weight:800;color:var(--it-ink-zachter);padding:0 2px}
/* Plus/min: 44x44 met 8px ertussen (WCAG 2.5.8, ruim boven 24px). Onder 400px
   staan min en plus onder elkaar, anders blijft er bij 320px geen ruimte
   over voor de spelersnamen naast de score. */
.it-plusmin{display:grid;grid-template-columns:44px;gap:8px}
@media (min-width:400px){.it-plusmin{grid-template-columns:repeat(2,44px)}}
.it-plusmin button{touch-action:manipulation;width:44px;height:44px;border-radius:10px;border:1px solid var(--it-lijn);background:var(--it-mist);font:inherit;font-weight:800;cursor:pointer;color:var(--it-ink)}
.it-plusmin button:hover{background:var(--it-groen-zacht)}
.it-plusmin--links{justify-items:end}
.it-score-wis{background:none;border:0;color:var(--it-ink-zachter);font-size:.8rem;cursor:pointer;text-decoration:underline;min-height:24px;padding:2px 6px}
.it-rust{margin-top:12px;font-size:.95rem;color:var(--it-ink-zacht)}
.it-bord-acties{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.it-bord-zij h2{font-size:1.15rem}
.it-stand table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--it-wit);border-radius:var(--it-radius);overflow:hidden;border:1px solid var(--it-lijn)}
.it-stand th,.it-stand td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--it-lijn)}
.it-stand th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--it-ink-zachter);background:var(--it-mist)}
.it-stand .naam{text-align:left;font-weight:600}
.it-stand .rang{width:40px;color:var(--it-ink-zachter)}
.it-stand .punten{font-family:var(--it-font-kop);font-weight:800}
.it-stand abbr{text-decoration:none;cursor:help}
.it-stand tr.top1 .rang{color:var(--it-goud-tekst);font-weight:800}
.it-stand tr.afgemeld{color:var(--it-ink-zachter)}
.it-stand tr.afgemeld small{font-weight:400}
.it-stand-leeg{color:var(--it-ink-zachter)}
.it-stand--compact td,.it-stand--compact th{padding:6px 4px}
.it-badge{display:inline-block;padding:.2em .7em;border-radius:var(--it-radius-pil);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--it-mist-diep);color:var(--it-ink-zacht)}
.it-badge--live{background:var(--it-geel);color:var(--it-ink)}
.it-badge--afgerond{background:var(--it-groen-zacht);color:var(--it-groen-donker)}
.it-kaart--link{text-decoration:none;color:inherit;display:block}
.it-kaart--link:hover{border-color:var(--it-groen)}
.it-dag{margin-top:28px}
.it-dag h2{font-size:1.1rem;color:var(--it-ink-zacht)}
.it-link{word-break:break-all;font-size:.95rem}
.it-qr{width:160px;margin:8px 0 14px}
.it-qr svg{width:100%;height:auto}
.it-linklijst{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;font-size:.9rem;word-break:break-all}
/* WhatsApp-groen is licht: donkere tekst (8,6:1), wit haalt maar 1,98:1. */
.it-knop--whatsapp{background:var(--it-whatsapp);color:var(--it-ink)}
.it-knop--whatsapp:hover{background:var(--it-whatsapp-diep);color:var(--it-ink)}
/* Spelerslijst */
.it-spelers{display:grid;gap:22px}
@media (min-width:900px){.it-spelers{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}
.it-spelertabel{width:100%;border-collapse:collapse;background:var(--it-wit);border:1px solid var(--it-lijn);border-radius:var(--it-radius);overflow:hidden}
.it-spelertabel td,.it-spelertabel th{padding:6px 8px;border-bottom:1px solid var(--it-lijn);text-align:left;vertical-align:middle}
.it-spelertabel th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--it-ink-zachter);background:var(--it-mist)}
.it-spelertabel input.it-veld{padding:.45em .7em}
.it-spelertabel select.it-veld{padding:.45em .5em;width:auto}
.it-spelertabel .nr{color:var(--it-ink-zachter);width:36px}
.it-spelertabel tr.afgemeld td{color:var(--it-ink-zachter)}
.it-spelertabel .acties{white-space:nowrap;text-align:right}
.it-gastbalk{background:var(--it-geel-zacht);border:1px solid var(--it-geel);border-radius:var(--it-radius);padding:12px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.it-gastbalk p{margin:0}

/* Reeks */
.it-reeksstand td.geschrapt{text-decoration:line-through;color:var(--it-ink-zachter)}
.it-reeksspelers{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:4px;font-size:.95rem}
.it-reeksspelers li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--it-lijn)}
.it-reeksspelers li.inactief span{color:var(--it-ink-zachter);text-decoration:line-through}
.it-reeksspelers form{margin:0}

.it-textarea--kort{min-height:110px;font-size:.95rem}
.it-hesjeskeuze{display:grid;gap:12px;margin:12px 0}
@media (min-width:600px){.it-hesjeskeuze{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
.it-hesjesveld{border:1px solid var(--it-lijn);border-radius:8px;padding:12px;display:grid;gap:8px}
.it-hesjesveld strong{font-family:var(--it-font-kop)}
.it-toernooinav-terug{display:none;border-color:transparent !important;color:var(--it-ink-zachter) !important}
@media (min-width:720px){.it-toernooinav-terug{display:inline-block}}

/* Delen en instellingen: vier groepen, blokken in twee kolommen op desktop */
.it-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.it-subnav a{text-decoration:none;font-weight:600;font-size:.9rem;color:var(--it-ink-zacht);padding:.4em .9em;border-radius:var(--it-radius-pil);background:var(--it-mist)}
.it-subnav a:hover{background:var(--it-mist-diep);color:var(--it-ink)}
.it-delen{display:grid;gap:8px}
.it-groep{padding:22px 0 26px;border-top:1px solid var(--it-lijn)}
.it-groep:first-child{border-top:0;padding-top:0}
.it-groepkop{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--it-ink-zachter);margin:0 0 14px}
.it-groep-raster{display:grid;gap:18px}
@media (min-width:900px){.it-groep-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
.it-blok{background:var(--it-wit);border:1px solid var(--it-lijn);border-radius:8px;padding:18px 20px 20px;min-width:0}
.it-blok h3{font-size:1.1rem;margin:0 0 .4em}
.it-blok>p{color:var(--it-ink-zacht);margin:0 0 .7em}
.it-blok .it-form{margin-top:10px}
.it-blok .it-qr{width:140px;margin:6px 0 12px}
.it-textarea--uitnodiging{min-height:240px;font-size:.95rem;white-space:pre-wrap}
.it-knop--mini{font-size:.8rem;padding:.35em .8em}
.it-printlijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.it-printlijst a{text-decoration:none;color:var(--it-ink)}
.it-printlijst li>a:first-child{display:inline-grid;gap:2px}
.it-printlijst b{font-family:var(--it-font-kop)}
.it-printlijst span{font-size:.85rem;color:var(--it-ink-zachter)}
.it-printlijst-extra{font-size:.9rem;color:var(--it-groen-diep) !important;margin-left:6px}
.it-uitklap{margin-top:18px;border:1px solid var(--it-lijn);border-radius:8px;padding:12px 16px}
.it-uitklap summary{cursor:pointer;font-weight:600}
.it-uitklap--gevaar summary{color:var(--it-rood-diep)}
.it-uitklap p{color:var(--it-ink-zacht);margin:.5em 0}
.it-rij{display:grid;gap:14px}
@media (min-width:600px){.it-rij--2{grid-template-columns:1fr 1fr}}

/* Hesjeskeuze: vier modi als rijen */
.it-hesjesmodi{display:grid;gap:8px;margin:8px 0 12px}
.it-keuze--rij{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--it-lijn);border-radius:8px;padding:10px 12px;cursor:pointer}
.it-keuze--rij input{margin-top:.25em;accent-color:var(--it-groen)}
.it-keuze--rij span{display:grid;gap:2px}
.it-keuze--rij small{color:var(--it-ink-zachter);font-weight:500}
.it-keuze--rij:has(input:checked){border-color:var(--it-groen);background:var(--it-groen-zacht)}
.it-hesjeskleuren{margin:0 0 6px}

/* Eindstand: podium in lichte stijl en de uitgangen */
.it-eindstand{max-width:760px}
.it-podium-licht{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 24px}
.it-podium-licht-plek{display:grid;gap:2px;text-align:center;padding:16px 8px;border-radius:10px;background:var(--it-mist);border:1px solid var(--it-lijn)}
.it-podium-licht-plek--1{background:var(--it-geel);border-color:var(--it-geel-diep);order:2}
.it-podium-licht-plek--2{order:1}
.it-podium-licht-plek--3{order:3}
.it-podium-licht .cijfer{font-family:var(--it-font-kop);font-weight:800;font-size:1.6rem}
.it-podium-licht .naam{font-weight:700}
.it-podium-licht .punten{font-size:.9rem;color:var(--it-ink-zacht)}
.it-eindstand-acties{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px}
