/* =========================================================
   Šipky Třešť — BLACK–YELLOW THEME (DRY + FIXED MENUS)
   v2025-09-03
   Sekce:
   - Variables & reset
   - Header (topbar, burger)
   - Layout (wrapper, content, footer)
   - Sidebar (+ overlay)
   - Typography
   - Tables (base + typed: league/rozpis/stats)
   - Panels & sponsors
   - Sidebar league logos
   - Mobile menus (.nk-topmenu, .nk-mobilemenu)
   - Responsive (≤960 / ≤540) + iOS fix
   ========================================================= */

/* ============= Variables ============= */
:root{
  --bg:#f6f7fb;
  --text:#111827;
  --muted:#4b5563;
  --panel:#ffffff;
  --line:#e5e7eb;
  --shadow:0 1px 6px rgba(0,0,0,.07);

  --black:#0b0b0f;
  --yellow:#f2c200;
  --link:#0e7aff;

  --panel-bg:#fff;
  --panel-brd:#e5e7eb;
  --panel-brd-strong:#d1d5db;
  --panel-shadow:0 6px 18px rgba(0,0,0,.06);
  --accent:#facc15;
  --accent-dk:#d4af0f;
  --ink:#111827;
}

/* ============= Reset & base ============= */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  min-height:100dvh;margin:0;display:flex;flex-direction:column;
  background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
a{color:var(--link)} a:hover{text-decoration:none}

/* ============= Header ============= */
.nk-header{
  position:sticky;top:0;z-index:50;
  background:var(--black);color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nk-container{
  width:min(1200px,100% - 2rem);
  margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 0;
}
.nk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.nk-logo{width:36px;height:36px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.25);background:#fff;object-fit:contain}
.nk-title{font-weight:800;letter-spacing:.2px}
.nk-nav{margin-left:auto;display:flex;align-items:center;gap:14px}
.nk-link{color:#fff;text-decoration:none;padding:6px 8px;border-radius:8px}
.nk-link:hover{background:rgba(255,255,255,.1)}

.nk-season{display:flex;align-items:center;gap:8px;margin-left:8px;position:relative}
.nk-season__label{color:#fff;font-size:14px;opacity:.85}
.nk-season select{
  appearance:none;background:#fff;color:#111;border:1px solid #d1d5db;border-radius:8px;
  padding:6px 28px 6px 10px;cursor:pointer
}
.nk-season::after{
  content:'';position:absolute;right:8px;top:50%;transform:translateY(-50%);
  border:6px solid transparent;border-top-color:#111;
}

/* Burger */
.nk-burger{display:none;position:relative;width:40px;height:34px;background:none;border:0;cursor:pointer}
.nk-burger span{position:absolute;left:8px;right:8px;height:2px;background:#fff;transition:.2s}
.nk-burger span:nth-child(1){top:9px}
.nk-burger span:nth-child(2){top:16px}
.nk-burger span:nth-child(3){top:23px}

/* ============= Layout ============= */
.nk-wrapper{
  width:min(1200px,100% - 2rem);
  margin:16px auto 0;
  display:grid;grid-template-columns:220px 1fr;gap:14px;
}
.nk-content{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);padding:16px 16px;
  flex:1 0 auto;min-width:0;align-self:start;
}
.nk-footer{
  margin-top:auto;flex-shrink:0;width:100%;
  text-align:center;color:#6b7280;padding:12px 0 18px;background:transparent;font-size:14px
}
.nk-content > :last-child{margin-bottom:0}

/* ============= Sidebar + overlay ============= */
.nk-sidebar{
  align-self:start;background:var(--panel);border-radius:12px;padding:10px;
  box-shadow:var(--shadow);border:1px solid var(--line);
}
.nk-sidebar ul{list-style:none;margin:0;padding:0}
.nk-sidebar li{margin:2px 0}
.nk-sidebar a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:#0d47a1}
.nk-sidebar a:hover{background:#eef4ff}
.nk-sidebar b,.nk-sidebar strong{display:block;margin:8px 4px 4px;color:#111}

.active,.nk-sidebar a[aria-current="page"]{
  background:linear-gradient(90deg, rgba(242,194,0,.18), rgba(242,194,0,.06));
  border-left:3px solid var(--yellow);
}

/* Overlay (společný pro panely) */
.nk-dim{
  position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:55;
}

/* ============= Typography ============= */
h1,h2,h3{color:#0b0b0f}
h1{font-size:clamp(28px,3.4vw,36px);margin:0 0 12px}
h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 10px}
h3{font-size:clamp(18px,2.2vw,22px);margin:16px 0 8px}
.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}

/* ============= Tables — base ============= */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0}
.table-wrap>table{width:100%;table-layout:auto;border-collapse:collapse}

.table{border:0 solid var(--line);border-radius:10px;overflow:hidden}
.table thead th{
  background:var(--black);color:var(--yellow);text-align:left;padding:.7rem .9rem;font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.06)
}
.table tbody td{padding:.65rem .9rem;border-bottom:1px solid #e9edf3}
.table tbody tr:last-child td{border-bottom:0}
.table th + th,.table td + td{border-left:1px solid #eef2f7}

.table th:nth-child(2),.table td:nth-child(2){width:40%}
.table th:nth-child(n+3),.table td:nth-child(n+3){text-align:center}

/* Hover: u statistik/rozpisu nechceme ztmavení */
.nk-content .table.table--rozpis tbody tr:hover,
.nk-content .table.table--stats  tbody tr:hover{filter:none}

/* ============= Tables — typed ============= */
/* Liga – jediné barevné zvýraznění */
.table--league tbody tr.league-row--promotion{background:#e6ffed}
.table--league tbody tr.league-row--relegation{background:#ffe6e6}

/* Rozpis */
.table--rozpis th:nth-child(1),.table--rozpis td:nth-child(1){text-align:left;width:40%}
.table--rozpis th:nth-child(2),.table--rozpis td:nth-child(2){text-align:center;width:12rem}
.table--rozpis th:nth-child(3),.table--rozpis td:nth-child(3){text-align:right;width:40%}
.table--rozpis th:nth-child(4),.table--rozpis td:nth-child(4){text-align:center;width:8rem}

/* Statistiky */
.table--stats th:nth-child(2),.table--stats td:nth-child(2){text-align:left;width:40%}
.table--stats th:not(:nth-child(2)),.table--stats td:not(:nth-child(2)){text-align:center}


/* Sort šipky */
.table--sortable thead th[data-sortable]{
  position:relative;cursor:pointer;user-select:none;padding-right:1.6rem;
}
.table--sortable thead th[data-sortable]::after{
  content:"⇅";position:absolute;right:10px;top:50%;transform:translateY(-50%);
  font-size:.85em;opacity:.4;
}
.table--sortable thead th[data-sortable]:hover::after{opacity:.7}
.table--sortable thead th[aria-sort="ascending"]::after{content:"▲";opacity:.9}
.table--sortable thead th[aria-sort="descending"]::after{content:"▼";opacity:.9}

/* ============= Panels & sponsors ============= */
.panel{
  background:var(--panel-bg);border:1px solid var(--panel-brd);border-radius:16px;
  box-shadow:var(--panel-shadow);padding:1rem 1.25rem;margin:1rem 0 1.25rem;position:relative;
}
.panel-stats{border-left:6px solid var(--accent);padding-left:1rem}
.panel h2{margin:.25rem 0 .5rem;font-size:1.35rem;line-height:1.25}
.panel p{margin:.25rem 0 1rem}

.league-progress{display:grid;gap:.6rem;margin:.25rem 0 .75rem}
.league-row{padding:.45rem .6rem;border:1px solid var(--panel-brd);border-radius:12px;background:#fafafa}
.league-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}
.league-title{font-weight:700;letter-spacing:.02em}
.badge{
  display:inline-block;min-width:64px;text-align:center;font-variant-numeric:tabular-nums;
  padding:.2rem .5rem;border:1px solid var(--panel-brd-strong);border-radius:999px;background:#fff;color:#1f2937
}
.progress{height:8px;background:#eee;border-radius:999px;overflow:hidden}
.progress .fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dk))}
.tops{display:grid;gap:.35rem;border-top:1px dashed var(--panel-brd);padding-top:.75rem}
.tops strong{font-weight:800}

.panel-info h3{margin:.2rem 0 .6rem;font-size:1.1rem}
.panel-info .bullets{margin:0 0 .6rem 1.1rem}
.panel-info .bullets li{margin:.25rem 0}
.panel-info .note{color:var(--muted);margin:.5rem 0 0}

/* Sponsors */
.panel-sponsors h3{margin:.2rem 0 .8rem}
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}
.sponsor-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  border:1px solid var(--panel-brd);border-radius:14px;background:#fff;padding:.75rem;
  text-decoration:none;color:var(--ink);
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;
}
.sponsor-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.logo-wrap{width:100%;height:68px;display:flex;align-items:center;justify-content:center}
.logo-wrap img{max-width:100%;max-height:68px;object-fit:contain;image-rendering:auto}
.sponsor-name{font-size:.95rem;font-weight:700;text-align:center;line-height:1.2}

/* ============= Sidebar league logos ============= */
#sidebar{--league-logo-size:80px;--league-logo-radius:0}
#sidebar .sidebar-league{display:flex;align-items:center;gap:.6rem}
#sidebar .league-logo{
  width:var(--league-logo-size);height:var(--league-logo-size);
  object-fit:contain;border-radius:var(--league-logo-radius);padding:1px;background:transparent;border:0;box-shadow:none
}
#sidebar .league-name{line-height:1.1}
#sidebar .league-logo-frame{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:var(--league-logo-size);height:var(--league-logo-size);
  overflow:hidden;border-radius:8px;background:#f1f4f3;border:1px solid #e3e8e6;
}
#sidebar .league-logo-frame .league-logo{
  width:100%;height:100%;padding:6px;background:transparent;border:0;border-radius:0;object-fit:contain;
}
#sidebar .league-logo--blend{mix-blend-mode:multiply}

/* ============= MOBILE MENUS (hidden by default) ============= */
/* Top menu (pravé offcanvas s odkazy z hlavičky) */
.nk-topmenu,
.nk-mobilemenu{ display:none; }   /* desktop: nikdy neukazovat */

@media (max-width:960px){
  /* zobrazíme jen na mobilu */
  .nk-topmenu,
  .nk-mobilemenu{ display:block; }

  .nk-topmenu,
  .nk-mobilemenu{
    position:fixed;inset:0 0 0 auto;  /* panel zprava */
    width:min(84vw,340px);
    background:var(--panel);
    border-left:1px solid var(--line);
    box-shadow:var(--shadow);
    transform:translateX(104%);
    transition:transform .25s ease;
    z-index:60;
    max-height:100dvh;overflow:auto;
    padding:10px 12px;
  }
  /* stav otevřeno */
  body.nk-open-top  .nk-topmenu{   transform:translateX(0); }
  body.nk-open-menu .nk-mobilemenu{transform:translateX(0); }

  /* společné linky uvnitř panelu */
  .nk-toplink{
    display:block;padding:10px 8px;border-radius:10px;text-decoration:none;color:#0d47a1;
    -webkit-tap-highlight-color:transparent;
  }
  .nk-toplink:hover{background:#eef4ff}
  .nk-topmenu__hr{border:0;border-top:1px solid var(--line);margin:12px 0}
  .nk-mm-inner{display:flex;flex-direction:column;gap:8px}
  .nk-mm-title{font-weight:700;color:#111;margin:6px 2px 4px}
  .nk-mm-sub{display:grid;gap:4px;margin-left:6px}
  .nk-mm-sub .nk-toplink{padding-left:12px}
  .nk-season--mobile select{width:100%}

  /* Dim zapnout jen při otevření */
  body.nk-open-top .nk-dim,
  body.nk-open-menu .nk-dim{opacity:1;visibility:visible}

  /* Na mobilu skryj levý sidebar (máme offcanvas panely) */
  .nk-sidebar{display:none}
}

/* FIX: mobilní menu – schovat odrážky a zobrazit přepínač ročníku */
@media (max-width: 960px){
  /* žádné tečky v seznamu lig/odkazů */
  .nk-mobilemenu .nk-mm-copy ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .nk-mobilemenu .nk-mm-copy li{ margin: 2px 0; }
  .nk-mobilemenu .nk-mm-copy ul ul{ padding-left: 8px; } /* malé odsazení pododkazů */

  /* přepínač ročníků uvnitř mobilního panelu */
  .nk-mobilemenu .nk-season--mobile{
    display: flex !important;          /* klíčové: ať je vidět */
    flex-direction: column;
    gap: 6px;
    padding: 6px 0;
  }
  .nk-mobilemenu .nk-season--mobile .nk-season__label{
    color:#111; opacity:.85; font-size:14px;
  }
  .nk-mobilemenu .nk-season--mobile select{
    width:100%;
    appearance:none;
    background:#fff; color:#111;
    border:1px solid #d1d5db; border-radius:8px;
    padding:8px 10px;
  }
}


/* ============= Responsive (layout) ============= */
@media (max-width:960px){
  .nk-nav .nk-link{display:none}
  .nk-season{display:none}
  .nk-burger{display:inline-block}

  .nk-wrapper{grid-template-columns:1fr}
  .nk-container,.nk-wrapper{width:100% !important;margin-left:0;margin-right:0}
  .nk-content{border-radius:12px;padding:16px 10px}
  .table-wrap{margin-left:0;margin-right:0}
}

/* ≤540 px: kompaktní tabulky */
@media (max-width:540px){
  /* Liga — bez horizontálního scrollu */
  .table-wrap{overflow-x:hidden}
  .table--league{table-layout:fixed;width:100%}
  .table--league th,.table--league td{padding:.35rem .35rem;font-size:13px;line-height:1.15}
  .table--league thead th{font-size:12.5px}
  .table--league th + th,.table--league td + td{border-left:1px solid #eceff3}
  .table--league th:nth-child(1),.table--league td:nth-child(1){width:3.6ch;text-align:center}
  .table--league th:nth-child(3),.table--league td:nth-child(3),
  .table--league th:nth-child(4),.table--league td:nth-child(4),
  .table--league th:nth-child(5),.table--league td:nth-child(5),
  .table--league th:nth-child(6),.table--league td:nth-child(6),
  .table--league th:nth-child(7),.table--league td:nth-child(7){
    width:3.8ch;text-align:center;font-variant-numeric:tabular-nums
  }
  .table--league th:nth-child(2),.table--league td:nth-child(2){
    width:auto !important;white-space:normal;word-break:break-word;overflow-wrap:normal
  }
  .table--league td:nth-child(2){font-size:11px;line-height:1.2;max-height:2.4em;overflow:hidden}

  /* Rozpis + Statistiky — fixed layout, kompaktní */
  .table--rozpis,.table--stats{table-layout:fixed;width:100%}
  .table--rozpis th,.table--rozpis td,
  .table--stats  th,.table--stats  td{padding:.35rem .35rem;font-size:13px;line-height:1.15}
  .table--rozpis th + th,.table--rozpis td + td,
  .table--stats  th + th,.table--stats  td + td{border-left:1px solid #eceff3}

  /* Rozpis */
  .table--rozpis th:nth-child(1),.table--rozpis td:nth-child(1),
  .table--rozpis th:nth-child(3),.table--rozpis td:nth-child(3){
    width:auto !important;white-space:normal;word-break:break-word;overflow-wrap:normal;text-align:left !important
  }
  .table--rozpis td:nth-child(1),.table--rozpis td:nth-child(3){
    font-size:12.5px;line-height:1.2;max-height:2.4em;overflow:hidden
  }
  .table--rozpis th:nth-child(2),.table--rozpis td:nth-child(2){
    width:6ch;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums
  }
  .table--rozpis th:nth-child(4),.table--rozpis td:nth-child(4){
    width:7ch;text-align:center;white-space:nowrap
  }
  .table--rozpis td:nth-child(4) a{display:inline-block;max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Statistiky — šířky */
  .table--stats th:nth-child(1),.table--stats td:nth-child(1){width:3ch;text-align:center}
  .table--stats th:nth-child(2),.table--stats td:nth-child(2){
    width:auto !important;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:normal
  }
  .table--stats td:nth-child(2){font-size:11px;line-height:1.2;max-height:2.4em;overflow:hidden}

  .table--stats th:nth-child(3),.table--stats td:nth-child(3){
    width:2.8ch;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap
  }
  .table--stats th:nth-child(4),.table--stats td:nth-child(4){
    width:7ch;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap
  }
  .table--stats th:nth-child(5),.table--stats td:nth-child(5){
    width:4ch;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap
  }
  .table--stats th:nth-child(6),.table--stats td:nth-child(6){
    width:4ch;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap
  }

/* Statistiky — krátké hlavičky (FIX) */
.table--stats thead th:nth-child(1),
.table--stats thead th:nth-child(3),
.table--stats thead th:nth-child(4),
.table--stats thead th:nth-child(5),
.table--stats thead th:nth-child(6){
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0;                 /* schová dlouhé texty v hlavičce */
}

/* krátké popisky do hlavičky */
.table--stats thead th:nth-child(1)::before{ content:"#";  font-size:11px; }
.table--stats thead th:nth-child(3)::before{ content:"Z";  font-size:11px; }
.table--stats thead th:nth-child(4)::before{ content:"Ø";  font-size:11px; }
.table--stats thead th:nth-child(5)::before{ content:"Max";font-size:8px;  }
.table--stats thead th:nth-child(6)::before{ content:"HB"; font-size:11px; }



  /* průměr na střed */
  .table--stats tbody td:nth-child(4){text-align:center;text-indent:-0.45ch}
    .table--sortable tbody td:nth-child(5){text-align:center;text-indent:-0.95ch}
}

/* iOS (Safari/WebView) — minimální šířky numerických sloupců */
@supports (-webkit-overflow-scrolling:touch){
  @media (max-width:430px){
    .table--stats th:nth-child(1),.table--stats td:nth-child(1){min-width:3ch}
    .table--stats th:nth-child(3),.table--stats td:nth-child(3){min-width:3ch}
    .table--stats th:nth-child(4),.table--stats td:nth-child(4){min-width:7ch}
    .table--stats th:nth-child(5),.table--stats td:nth-child(5){min-width:4ch}
    .table--stats th:nth-child(6),.table--stats td:nth-child(6){min-width:4ch}
  }
}
/* ========== MOBILE MENU – fix šipky + hezčí liga bloky ========== */
@media (max-width: 960px){
  /* 1) Schovej „desktopovou“ šipku přidanou přes .nk-season::after */
  .nk-mobilemenu .nk-season::after{ display:none !important; }

  /* 2) Select – vlastní šipka a hezký vzhled (přebije desktop pravidla) */
  .nk-mobilemenu .nk-season--mobile select{
    -webkit-appearance:none; -moz-appearance:none; appearance:none;
    width:100%;
    background:#fff
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23111827' d='M6 8 0 0h12z'/%3E%3C/svg%3E")
      no-repeat right 12px center / 12px 8px;
    border:1px solid #d1d5db; border-radius:12px;
    padding:10px 36px 10px 12px; font-size:16px; line-height:1.2;
  }
  .nk-mobilemenu .nk-season--mobile select:focus{
    outline:none; border-color:#94a3b8; box-shadow:0 0 0 3px rgba(148,163,184,.25);
  }

  /* 3) Sidebar markup uvnitř mobilního menu – bez odrážek a s rozestupy */
  .nk-mobilemenu .nk-mm-copy ul{ list-style:none; margin:0; padding:0; }
  .nk-mobilemenu .nk-mm-copy li{ margin:0; }

  /* 4) Hlavička každé ligy (používáš .sidebar-league + .league-logo) */
  .nk-mobilemenu .sidebar-league{
    display:flex; align-items:center; gap:10px; margin:14px 0 8px;
    border-top:1px solid var(--line); padding-top:12px;
  }
  .nk-mobilemenu .nk-mm-copy .sidebar-league:first-child{
    border-top:none; padding-top:0; margin-top:0;
  }
  .nk-mobilemenu .sidebar-league .league-logo{
    width:36px; height:36px; border-radius:8px; padding:0; background:transparent;
  }
  .nk-mobilemenu .sidebar-league .league-logo-frame{
    width:42px;height:42px;border-radius:8px;
  }
  .nk-mobilemenu .sidebar-league .league-logo-frame .league-logo{
    width:100%;height:100%;padding:4px;border-radius:0;
  }
  .nk-mobilemenu .league-name{ font-weight:800; letter-spacing:.02em; color:#111; }

  /* 5) Odkazy „Tabulka / Rozpis / Statistiky“ jako pilulky */
  .nk-mobilemenu .nk-mm-copy .nav{ margin-left:46px; }           /* zarovnání pod logo */
  .nk-mobilemenu .nk-mm-copy .nav .nav-item{ display:inline; }   /* inline skupiny */
  .nk-mobilemenu .nk-mm-copy .nav .nav-link{
    display:inline-block; margin:0 8px 8px 0;
    padding:8px 10px; border-radius:999px; text-decoration:none;
    background:#fff; color:#0d47a1; border:1px solid var(--panel-brd);
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-link.active{
    background:rgba(242,194,0,.18); border-color:#f2c200;
  }

  /* 6) Jemná dělící čára mezi horní částí menu a seznamem lig */
  .nk-mobilemenu .nk-divider{ border:0; border-top:1px solid var(--line); margin:12px 0; }
}
/* === MOBILE: Kompletni statistiky (.table--sortable) – šířky sloupců === */
@media (max-width: 540px){
  /* jistota: fixed layout + plná šířka */
  .table-wrap > .table--sortable{
    table-layout: fixed !important;
    width: 100%;
  }

  /* # */
  .table--sortable th:nth-child(1),
  .table--sortable td:nth-child(1){
    width: 1ch !important;
    text-align: center;
    white-space: nowrap;
  }

  /* Jméno – vezme zbytek šířky, neláme po písmenkách */
  .table--sortable th:nth-child(2),
  .table--sortable td:nth-child(2){
    width: 11ch !important;
    text-align: left;
    white-space: normal;
    word-break: break-word;   /* lámat jen dlouhá slova */
    overflow-wrap: normal;
  }
  .table--sortable td:nth-child(2){
    font-size: 11px;
    line-height: 1.2;
    max-height: 2.4em;        /* ~2 řádky */
    overflow: hidden;
  }

  /* L – vždy 1 cifra → velmi úzké */
  .table--sortable th:nth-child(3),
  .table--sortable td:nth-child(3){
    width: 2.2ch !important;
    text-align: center;
    white-space: nowrap;
  }

  /* Z – 1–2 cifry */
  .table--sortable th:nth-child(4),
  .table--sortable td:nth-child(4){
    width: 3.4ch !important;
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  /* Ø – přidáme místo (vejde se i 100,00) */
  .table--sortable th:nth-child(5),
  .table--sortable td:nth-child(5){
    width: 8.8ch !important;
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  /* Max – do 3 cifer */
  .table--sortable th:nth-child(6),
  .table--sortable td:nth-child(6){
    width: 4.4ch !important;
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  /* HB – 2–3 cifry */
  .table--sortable th:nth-child(7),
  .table--sortable td:nth-child(7){
    width: 5ch !important;
    text-align: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  /* Krátké hlavičky jen pro 3–7 (Jméno necháme beze změny) */
  .table--sortable thead th:nth-child(3),
  .table--sortable thead th:nth-child(4),
  .table--sortable thead th:nth-child(5),
  .table--sortable thead th:nth-child(6),
  .table--sortable thead th:nth-child(7){
    font-size: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .table--sortable thead th:nth-child(3)::before{ content: "L";   font-size: 9px; }
  .table--sortable thead th:nth-child(4)::before{ content: "Z";   font-size: 9px; }
  .table--sortable thead th:nth-child(5)::before{ content: "Ø";   font-size: 9px; }
  .table--sortable thead th:nth-child(6)::before{ content: "Max"; font-size: 8px; }
  .table--sortable thead th:nth-child(7)::before{ content: "HB";  font-size: 8px; }
}

/* iOS pojistka (min-width), kdyby Safari ch nepřesně počítal */
@supports (-webkit-overflow-scrolling: touch){
  @media (max-width: 430px){
    .table--sortable th:nth-child(3), .table--sortable td:nth-child(3){ min-width: 2.2ch; }
    .table--sortable th:nth-child(5), .table--sortable td:nth-child(5){ min-width: 8.8ch; }
  }
}
/* iPhone fix: u ne-ligových tabulek povol horizontální scroll */
@media (max-width: 540px){
  .table-wrap{ overflow-x: auto !important; }   /* přebije dřívější hidden */

  /* pro jistotu: v kompletních statistikách nezkoušej nahrazovat název 1. sloupce (#) */
  .table--sortable thead th:nth-child(1)::before{ content: none !important; }
  .table--sortable thead th:nth-child(1){ font-size: inherit !important; }
}
/* iPhone Safari fix – Kompletni statistiky: neschovávej sloupce 3–7 */
@supports (-webkit-overflow-scrolling: touch){
  @media (max-width: 540px){
    /* povol vodorovný posuv */
    .table-wrap{ overflow-x: auto !important; }

    /* u kompletních statistik nepoužívej fixed layout na iOS */
    .table-wrap > .table--sortable{
      table-layout: auto !important;
      min-width: 560px;                 /* vynutí zobrazení všech sloupců -> posuvník */
    }

    /* bez zalamování čísel; jméno může na 2 řádky */
    .table--sortable th,
    .table--sortable td{ white-space: nowrap; }
    .table--sortable td:nth-child(2){
      white-space: normal;
      line-height: 1.2;
    }
  }
}
/* iPhone/iOS: povolit vodorovný posuv a dát tabulce minimální šířku */
@supports (-webkit-overflow-scrolling: touch){
  @media (max-width: 540px){
    /* wrapper musí scrollovat */
    .table-wrap{
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
    }
    /* detail zápasu – tvá tabulka má class="table match-table" */
    .table-wrap > .match-table{
      min-width: 520px;                 /* uprav klidně 500–560px podle chuti */
    }
    /* čísla nezalamovat, popisky klidně na více řádků */
    .table-wrap > .match-table td{ white-space: nowrap; }
    .table-wrap > .match-table td:nth-child(1){ white-space: normal; }
  }
}

/* Pokud chceš scroll i mimo iOS (Android apod.), přidej i tohle: */
@media (max-width: 540px){
  .table-wrap{ overflow-x: auto; }
  .table-wrap > .match-table{ min-width: 520px; }
}
/* MOBILE: menší pilulky v mobilním menu, aby se vešly na jeden řádek */
@media (max-width: 960px){
  /* menší odsazení pod logem ligy → víc místa */
  .nk-mobilemenu .nk-mm-copy .nav{ 
    margin-left: 36px;                 /* bylo ~46px */
    display: flex;
    flex-wrap: wrap;
    gap: 6px 6px;                      /* rozestupy mezi pilulkami */
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-link{
    padding: 6px 10px;                 /* bylo 8px 10px */
    font-size: 14px;                   /* menší písmo */
    border-radius: 14px;               /* kompaktnější tvar */
    margin: 0;                         /* používáme gap */
  }
}

/* extra zmenšení pro užší telefony (iPhone SE apod.) */
@media (max-width: 360px){
  .nk-mobilemenu .nk-mm-copy .nav{ 
    margin-left: 32px;
    gap: 4px 6px;
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-link{
    padding: 5px 8px;
    font-size: 13px;
    border-radius: 12px;
  }
}
/* jednotná dělicí čára */
.nk-sidebar .nk-divider,
.nk-mobilemenu .nk-mm-copy .nk-divider{
  list-style:none;
  height:0;
  margin:12px 0;
  border-top:1px solid var(--line);
}

/* spodní odkazy – sidebar (desktop) */
.nk-sidebar .nk-extra{
  display:block;
  padding:6px 8px;
  color:#0d47a1;
  text-decoration:none;
  border-radius:10px;
}
.nk-sidebar .nk-extra:hover{ background:#eef4ff; }

/* spodní odkazy – mobilní menu (bloková tlačítka, ne „pilulky“) */
@media (max-width: 960px){
  .nk-mobilemenu .nk-mm-copy .nk-extra{
    display:block;
    padding:10px 12px;
    border:1px solid var(--panel-brd);
    border-radius:12px;
    background:#fff;
    color:#0d47a1;
    text-decoration:none;
    margin-bottom:8px;
  }

}
/* Divider + rozestupy ve VLASTNÍM sidebaru (#sidebar) */
#sidebar li.nk-divider{
  list-style: none;
  height: 0;
  border-top: 1px solid #e9edf3;  /* stejná barva jako jinde */
  margin: 1rem 0 .75rem;
  opacity: .9;
}

/* trocha místa nad spodními odkazy */
#sidebar .nav-item.mt-3{ margin-top: 1rem !important; }

@media (max-width: 768px){
  #sidebar li.nk-divider{ margin: 1.25rem 0 .85rem; }
}
/* === Mobile menu top box (ročník + hlavní odkazy) === */
.nk-mobilemenu .nk-mm-box{
  background:#f9fafb;
  border:1px solid #e9edf3;
  border-radius:16px;
  padding:12px 14px;
  margin:0 1rem 1rem;
}
.nk-mobilemenu .nk-mm-auth{
  display:flex; gap:.5rem; align-items:center; justify-content:space-between;
  margin-bottom:.5rem;
}
.nk-mobilemenu .nk-user{ font-weight:600; color:#111827; }
.nk-mobilemenu .nk-mm-stack{ display:flex; flex-direction:column; gap:.5rem; margin-top:.25rem; }
.nk-mobilemenu .nk-mm-item{
  display:block; padding:.6rem .85rem; border:1px solid #e5e7eb;
  border-radius:12px; background:#fff; color:#0d47a1; text-decoration:none;
}
.nk-mobilemenu .nk-mm-item:hover{ background:#eef4ff; }
.nk-mobilemenu .nk-mm-box .nk-season--mobile{ margin:.25rem 0 .5rem; }
.pp-wrap{--bg1:#0d47a1;--bg2:#0a2f63}
.pp-head h1{color:#fff;background:linear-gradient(90deg,var(--bg1),var(--bg2));padding:12px 16px;border-radius:14px;margin:10px 0}

.pp-container{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:16px;
  overflow-x:auto;padding:12px;scroll-snap-type:x proximity;background:linear-gradient(#0f66ad,#0b3b78)}
.pp-col{display:flex;flex-direction:column;gap:10px;min-width:270px;scroll-snap-align:start}
.pp-col>h3{position:sticky;top:0;background:#0e5fa8;color:#fff;padding:6px 10px;border-radius:10px;font-weight:600}

.pp-match{background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:6px 10px}
.pp-pair{display:flex;align-items:center;justify-content:space-between;padding:4px 0}
.pp-name{font-weight:600}
.pp-win{color:#0d47a1}
.pp-score{min-width:34px;text-align:center;border:1px solid #e5e7eb;border-radius:8px;padding:2px 4px;background:#f8fafc}

.pp-form{display:flex;gap:6px;align-items:center;margin-top:6px}
.pp-form input[type=number]{width:52px;padding:4px;border:1px solid #dfe3ea;border-radius:8px}
.btn{padding:6px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#0d47a1}
.btn:hover{background:#eef4ff}

/* SVG čáry */
.pp-links{position:absolute;inset:0;pointer-events:none}
.pp-path{fill:none;stroke:#ffffff;stroke-width:2.5;opacity:.85;filter: drop-shadow(0 1px 2px rgba(0,0,0,.35))}
@media (max-width: 520px){
  .pp-container{grid-auto-columns:minmax(240px,1fr)}
  .pp-col{min-width:240px}
}
/* kontejner pro pavouka */
.pp-container{
  position: relative;              /* DŮLEŽITÉ: kvůli absolutnímu SVG */
  overflow: auto;
}

/* vrstvy se spojovacími čárami */
.pp-links{
  position: absolute;              /* SVG bude nad obsahem, ne v toku */
  left: 0; top: 0;
  pointer-events: none;            /* ať neblokuje kliky */
}

/* samotné cesty – žádná výplň! jen stroke */
.pp-path{
  fill: none;                      /* DŮLEŽITÉ: zruší černé fleky */
  stroke: #cbd5e1;                 /* barva čáry (světle šedá) */
  stroke-width: 2;
  opacity: .8;
}
@media (max-width:540px){
  /* zkrať hlavičku 1. sloupce na # */
  .table--league thead th:nth-child(1){
    font-size:0 !important;
    padding-left:.25rem !important;
    padding-right:.25rem !important;
    text-align:center;
  }
  .table--league thead th:nth-child(1)::before{
    content:"#";
    font-size:11px;            /* viditelný štítek */
    line-height:1;
  }

  /* zúžení buňek v 1. sloupci (čísla pořadí) */
  .table--league th:nth-child(1),
  .table--league td:nth-child(1){
    width:2.4ch !important;    /* klidně sniž na 2.2ch nebo zvedni na 2.8ch podle oka */
    padding-left:.25rem !important;
    padding-right:.25rem !important;
    text-align:center;
  }
}

/* MOBIL ≤540px — zúžit 1. sloupec v .table--stats */
@media (max-width:540px){
  /* hlavička → jen # */
  .table--stats thead th:nth-child(1){
    font-size:0 !important;
    padding-left:.25rem !important;
    padding-right:.25rem !important;
    text-align:center;
  }
  .table--stats thead th:nth-child(1)::before{
    content:"#";
    font-size:11px; line-height:1;
  }

  /* tělo tabulky: užší sloupec s menším paddingem */
  .table--stats th:nth-child(1),
  .table--stats td:nth-child(1){
    width:2.2ch !important;          /* klidně 2.0–2.6ch dle oka */
    text-align:center;
    white-space:nowrap;
    padding-left:.25rem !important;
    padding-right:.25rem !important;
  }
}

/* iOS pojistka: přepiš min-width z původních pravidel */
@supports (-webkit-overflow-scrolling:touch){
  @media (max-width:430px){
    .table--stats th:nth-child(1),
    .table--stats td:nth-child(1){
      min-width:2.2ch !important;     /* musí ladit s width výše */
    }
  }
}
/* MOBIL ≤540px — # a Jméno se nebudou „překrývat“ */
@media (max-width:540px){
  /* # – trochu širší, doprava + pravý padding */
  .table--sortable th:nth-child(1),
  .table--sortable td:nth-child(1){
    width:3.0ch !important;          /* když bude těsné, klidně 3.2ch */
    min-width:3.0ch !important;       /* iOS pojistka */
    text-align:right !important;
    padding-right:.45rem !important;
    white-space:nowrap;
  }

  /* Jméno – bez levé čáry, ale s jasnou mezerou */
  .table--sortable th:nth-child(2),
  .table--sortable td:nth-child(2){
    border-left:0 !important;         /* schováme první svislou čáru */
    padding-left:.95rem !important;   /* odskočí od čísel → nic se nepřekrývá */
    white-space:normal;
    word-break:break-word;
  }

  /* jistota: žádné negativní odsazení čísel nikde */
  .table--sortable tbody td{ text-indent:0 !important; }
}

/* Totéž zopakuj pro iOS blok, který přepíná layout */
@supports (-webkit-overflow-scrolling:touch){
  @media (max-width:540px){
    .table--sortable th:nth-child(1),
    .table--sortable td:nth-child(1){
      width:3.0ch !important;
      min-width:3.0ch !important;
      text-align:right !important;
      padding-right:.45rem !important;
    }
    .table--sortable th:nth-child(2),
    .table--sortable td:nth-child(2){
      border-left:0 !important;
      padding-left:.65rem !important;
      white-space:normal;
      word-break:break-word;
    }
    .table--sortable tbody td{ text-indent:0 !important; }
  }
}
@media (max-width:540px){
 /* Kompletní statistiky */
  .table--sortable th:nth-child(1),
  .table--sortable td:nth-child(1){ font-size:11px !important; }
}
.league-row{
  display:block; color:inherit; text-decoration:none;
  position:relative; -webkit-tap-highlight-color:transparent;
}
.league-row:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; border-radius:12px; }
@media (hover:hover){
  .league-row:hover{ box-shadow:0 8px 20px rgba(0,0,0,.06); border-color:var(--panel-brd-strong); }
}
/* Badge s kódem zápasu v pravém horním rohu */
.pp-match{ position:relative; overflow:visible; }

.pp-match::before{
  content: attr(data-code);          /* ← bere text z data-code="R1" */
  position: absolute;
  top: -10px;                        /* odtáhneme mimo box, aby nepřekrýval inputy */
  right: -10px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 700 11px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #fff;
  background: #334155;               /* default barva */
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
  pointer-events: none;
  z-index: 5;
}

/* Volitelné barvy podle fáze (pokud chceš) */
.pp-match[data-stage="P"]::before  { background:#9333ea; }
.pp-match[data-stage="R"]::before  { background:#64748b; }
.pp-match[data-stage="O"]::before  { background:#0ea5e9; }
.pp-match[data-stage="OF"]::before { background:#06b6d4; }
.pp-match[data-stage="QF"]::before { background:#f59e0b; }
.pp-match[data-stage="SF"]::before { background:#ef4444; }
.pp-match[data-stage="F"]::before  { background:#16a34a; }

/* posuň 1. předkolo výš (záporné číslo = nahoru) */
.pp-col--P{ --p-shift: -200px; }

/* můžeš si poladit zvlášť pro mobil/desktop */
@media (max-width: 540px){
  .pp-col--P{ --p-shift: -24px; }   /* na mobilech o něco méně */
}
/* výchozí stav */
.btn-edit .icon {
  display: none;
}

/* mobil */
@media (max-width: 768px) {
  .btn-edit .text {
    display: none;
  }
  .btn-edit .icon {
    display: inline;
    font-size: 18px;
  }
}
/* ===== Rozpis – mobil ===== */
@media (max-width: 768px) {

  /* Detail sloupec – pevná šířka */
  .table--rozpis th:last-child,
  .table--rozpis td:last-child {
    width: 1%;
    white-space: nowrap;
    text-align: center;
  }

  /* menší tlačítka / odkazy */
  .table--rozpis td a,
  .table--rozpis td button {
    padding: 0px 0px;
    font-size: 10px;
    line-height: 1.2;
  }

  /* jména se nelámou po písmenech */
  .table--rozpis td {
    word-break: normal;
    overflow-wrap: normal;
  }
}
/* ==========================================================================
   2026 mobile-first design system
   ========================================================================== */
:root {
  --nk-primary: #1684c5;
  --nk-primary-strong: #075985;
  --nk-primary-soft: #e9f6fd;
  --nk-bg: #f3f7fa;
  --nk-surface: #fff;
  --nk-text: #14202a;
  --nk-muted: #60717f;
  --nk-border: #d8e2e9;
  --nk-danger: #b42332;
  --nk-success: #18794e;
  --nk-radius-sm: 10px;
  --nk-radius: 16px;
  --nk-radius-lg: 22px;
  --nk-shadow: 0 10px 30px rgba(24, 54, 75, .08);
  --nk-space-1: 4px;
  --nk-space-2: 8px;
  --nk-space-3: 12px;
  --nk-space-4: 16px;
  --nk-space-5: 24px;
  --nk-touch: 44px;
}
html { background: var(--nk-bg); }
body { margin: 0; background: var(--nk-bg); color: var(--nk-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
a { color: var(--nk-primary-strong); }
.nk-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--nk-border); box-shadow: 0 4px 18px rgba(21, 52, 72, .06); backdrop-filter: blur(12px); }
.nk-header .nk-container { min-height: 62px; padding: 8px 14px; }
.nk-brand { min-width: 0; gap: 9px; text-decoration: none; }
.nk-logo { width: 40px; height: 40px; object-fit: contain; }
.nk-title { color: var(--nk-text); font-weight: 850; font-size: 1rem; white-space: nowrap; }
.nk-nav { gap: 8px; }
.nk-link { min-height: var(--nk-touch); display: inline-flex; align-items: center; border-radius: var(--nk-radius-sm); padding: 8px 11px; color: var(--nk-text); text-decoration: none; font-weight: 700; }
.nk-link:hover { background: var(--nk-primary-soft); color: var(--nk-primary-strong); }
.nk-burger { width: 46px; height: 46px; border: 1px solid var(--nk-border); border-radius: 13px; background: #fff; }
.nk-wrapper { display: block; min-height: calc(100vh - 62px); flex-shrink: 0; }
.nk-sidebar { display: none; }
.nk-content { width: 100%; max-width: 1180px; margin: 0 auto; padding: 18px 14px 32px; }
.nk-content > h1, .nk-content > h2 { font-size: clamp(1.45rem, 6vw, 2.25rem); line-height: 1.15; margin: 4px 0 18px; letter-spacing: -.025em; }
.nk-mobilemenu { width: min(88vw, 360px); background: var(--nk-surface); }
.nk-mm-head { min-height: 62px; border-bottom: 1px solid var(--nk-border); }
.nk-mm-close, .nk-mm-item, .nk-season--mobile select { min-height: var(--nk-touch); }
.nk-mm-item { border-radius: 11px; color: var(--nk-text); font-weight: 700; }
.nk-mm-item:hover { background: var(--nk-primary-soft); }
.nk-season { gap: 6px; }
.nk-season select { min-height: 42px; border: 1px solid var(--nk-border); border-radius: 11px; padding: 7px 34px 7px 10px; background: #fff; color: var(--nk-text); font-weight: 700; }
.panel, .card, .content-card, .nk-card { background: var(--nk-surface); border: 1px solid var(--nk-border); border-radius: var(--nk-radius); box-shadow: var(--nk-shadow); }
.panel { padding: 16px; margin-bottom: 16px; }
.panel-hd h2 { margin-top: 0; }
.league-progress { display: grid; gap: 10px; }
.league-row { display: block; border: 1px solid var(--nk-border); border-radius: 14px; padding: 13px; background: #fff; text-decoration: none; color: var(--nk-text); }
.league-row:hover { border-color: #8dc5e5; box-shadow: 0 8px 20px rgba(22,132,197,.09); }
.league-meta { gap: 8px; }
.league-title { font-weight: 800; overflow-wrap: anywhere; }
.league-progress .league-title { font-weight: 500; }
.badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 9px; background: var(--nk-primary-soft); color: var(--nk-primary-strong); font-size: .78rem; font-weight: 800; }
.progress { height: 8px; margin-top: 9px; border-radius: 999px; background: #e7edf1; overflow: hidden; }
.progress .fill { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nk-primary), #65bce8); }
.btn, button, input, select, textarea { font: inherit; }
.btn, button.btn { min-height: var(--nk-touch); display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--nk-primary); border-radius: 12px; padding: 9px 14px; background: var(--nk-primary); color: #fff; font-weight: 800; text-decoration: none; cursor: pointer; }
.btn:hover, button.btn:hover { background: var(--nk-primary-strong); color: #fff; }
input, select, textarea { max-width: 100%; border: 1px solid var(--nk-border); border-radius: 11px; padding: 10px 12px; background: #fff; color: var(--nk-text); }
input:focus, select:focus, textarea:focus { outline: 3px solid rgba(22,132,197,.18); border-color: var(--nk-primary); }
.table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--nk-border); border-radius: var(--nk-radius); background: #fff; box-shadow: var(--nk-shadow); -webkit-overflow-scrolling: touch; }
.table { width: 100%; border-collapse: collapse; background: #fff; }
.table th { background: #eef5f9; color: #38505f; font-size: .78rem; letter-spacing: .02em; text-transform: uppercase; }
.table th, .table td { padding: 11px 9px; border-bottom: 1px solid var(--nk-border); }
.table tbody tr:last-child td { border-bottom: 0; }
.table--rozpis { min-width: 0; }
.table--rozpis thead { display: none; }
.table--rozpis tbody, .table--rozpis tr, .table--rozpis td { display: block; width: 100%; }
.table--rozpis tr { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 5px 10px; padding: 14px; border-bottom: 1px solid var(--nk-border); }
.table--rozpis td { border: 0; padding: 2px 0; }
.table--rozpis td:nth-child(1) { grid-column: 1; text-align: left; font-weight: 750; }
.table--rozpis td:nth-child(2) { grid-column: 2; text-align: center !important; font-size: 1.08rem; font-weight: 900; }
.table--rozpis td:nth-child(3) { grid-column: 3; text-align: right !important; font-weight: 750; }
.table--rozpis td:nth-child(4) { grid-column: 1 / -1; text-align: center !important; padding-top: 8px; }
.table--rozpis td::before { display: none !important; }
.nk-content h3 { margin: 22px 0 10px; color: var(--nk-primary-strong); }
.nk-footer { border-top: 1px solid var(--nk-border); background: #fff; color: var(--nk-muted); padding: 22px 16px; text-align: center; }
#installBtn { border-color: var(--nk-border) !important; border-radius: 12px !important; color: var(--nk-primary-strong) !important; }
@media (min-width: 720px) {
  .nk-content { padding: 26px 22px 42px; }
  .panel { padding: 22px; }
  .table--rozpis { min-width: 620px; }
  .table--rozpis thead { display: table-header-group; }
  .table--rozpis tbody { display: table-row-group; }
  .table--rozpis tr { display: table-row; padding: 0; }
  .table--rozpis td { display: table-cell; width: auto; padding: 12px 10px; }
}
@media (min-width: 1024px) {
  .nk-wrapper { display: grid; grid-template-columns: 260px minmax(0,1fr); }
  .nk-sidebar { display: block; position: sticky; top: 62px; height: calc(100vh - 62px); overflow-y: auto; border-right: 1px solid var(--nk-border); background: #172733; }
  .nk-content { padding: 32px; }
  .nk-burger { display: none; }
}

/* 2026 club palette: derived from the Šipky Třešť crest */
:root {
  --nk-primary: #147786;
  --nk-primary-strong: #164b57;
  --nk-primary-soft: #e8f2f2;
  --nk-bg: #f3f4f2;
  --nk-surface: #ffffff;
  --nk-text: #182429;
  --nk-muted: #657176;
  --nk-border: #d9dfdd;
  --nk-danger: #c83b3f;
  --nk-success: #28745b;
  --nk-shadow: 0 10px 28px rgba(24, 49, 55, .07);
}
.nk-header {
  box-shadow: 0 3px 14px rgba(24, 49, 55, .06);
}
.nk-burger span { background: var(--nk-primary-strong); }
.nk-title { font-weight: 500; }
.nk-link { font-weight: 400; }
.nk-season select { font-weight: 400; }
.nk-link:hover { background: var(--nk-primary-soft); }
.league-row:hover {
  border-color: #8cb9bc;
  box-shadow: 0 8px 20px rgba(20, 119, 134, .08);
}
.progress { background: #e2e8e6; }
.progress .fill { background: linear-gradient(90deg, #164b57, #2c92a0); }
.badge { background: #e3f0f0; color: #174f5b; }
.table th { background: #edf2f1; color: #3b5157; }
input:focus, select:focus, textarea:focus {
  outline-color: rgba(20, 119, 134, .18);
}
@media (min-width: 1024px) {
  .nk-sidebar {
    background: #fff;
    border: 1px solid var(--nk-border);
    border-right-color: var(--nk-border);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .nk-sidebar::-webkit-scrollbar { display: none; }
  .nk-sidebar a { color: #405157; }
  .nk-sidebar a:hover { color: var(--nk-primary-strong); background: var(--nk-primary-soft); }
  .nk-sidebar b,
  .nk-sidebar strong,
  #sidebar .league-name { color: var(--nk-text); }
  .nk-sidebar .active,
  .nk-sidebar a[aria-current="page"] {
    color: var(--nk-primary-strong);
    background: var(--nk-primary-soft);
    border-left-color: var(--nk-primary);
  }
  .nk-sidebar .nk-divider { border-color: var(--nk-border); }
  #sidebar { --league-logo-size: 98px; }
  #sidebar .sidebar-league { gap: 12px; }
  #sidebar .league-logo {
    width: 100%;
    height: 100%;
    padding: 6px;
    border-radius: 0;
    background: transparent;
    border: 0;
    object-fit: contain;
  }
  #sidebar .league-logo-frame {
    width: var(--league-logo-size);
    height: 54px;
  }
}

/* Mobile menu: each league heading starts its own row. */
@media (max-width: 960px) {
  .nk-mobilemenu .nk-mm-copy .nav {
    display: block;
    margin-left: 0;
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-item {
    display: inline-block;
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-item.mb-1 {
    display: block;
    width: 100%;
    margin-top: 14px;
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-item.mb-1:first-child {
    margin-top: 0;
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-item.mb-3 {
    margin-bottom: 14px;
  }
  .nk-mobilemenu .nk-mm-copy .nav .nav-link {
    margin: 0 5px 7px 0;
  }
}

/* Mobile schedule: show complete names on as many lines as needed. */
@media (max-width: 719px) {
  .table--rozpis td:nth-child(1),
  .table--rozpis td:nth-child(3) {
    min-width: 0;
    max-height: none;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }
}

/* Mobile league standings: keep one continuous table. */
@media (max-width: 719px) {
  .league-table-wrap {
    overflow: hidden;
    border: 1px solid var(--nk-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--nk-shadow);
  }
  .table--league {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }
  .table--league thead { display: table-header-group; }
  .table--league tbody { display: table-row-group; }
  .table--league tbody tr { display: table-row; }
  .table--league th,
  .table--league tbody td {
    display: table-cell;
    min-width: 0;
    max-height: none !important;
    padding: 9px 3px !important;
    border-bottom: 1px solid var(--nk-border);
    font-size: .76rem !important;
    line-height: 1.15;
    overflow: visible;
  }
  .table--league th:first-child,
  .table--league td:first-child {
    width: 8% !important;
    text-align: center;
  }
  .table--league th:nth-child(2),
  .table--league tbody td:nth-child(2) {
    width: 42% !important;
    padding-left: 7px !important;
    font-size: .82rem !important;
    font-weight: 600;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .table--league th:nth-child(3), .table--league td:nth-child(3),
  .table--league th:nth-child(4), .table--league td:nth-child(4),
  .table--league th:nth-child(5), .table--league td:nth-child(5),
  .table--league th:nth-child(7), .table--league td:nth-child(7) {
    width: 9% !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
  }
  .table--league th:nth-child(6), .table--league td:nth-child(6) {
    width: 14% !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
  }
  .table--league tbody tr:last-child td { border-bottom: 0; }
}

/* Complete statistics: one continuous, readable table on mobile. */
.complete-stats-hint { display: none; }
@media (max-width: 719px) {
  .complete-stats-hint {
    display: block;
    margin: -6px 0 8px;
    color: var(--nk-muted);
    font-size: .8rem;
  }
  .complete-stats-wrap {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
  .complete-stats-wrap .table--sortable {
    display: table;
    width: 100%;
    min-width: 560px !important;
    table-layout: fixed !important;
  }
  .complete-stats-wrap .table--sortable thead { display: table-header-group; }
  .complete-stats-wrap .table--sortable tbody { display: table-row-group; }
  .complete-stats-wrap .table--sortable tr { display: table-row; }
  .complete-stats-wrap .table--sortable th,
  .complete-stats-wrap .table--sortable td {
    display: table-cell;
    padding: 9px 7px !important;
    font-size: .78rem !important;
    line-height: 1.2;
    text-indent: 0 !important;
    white-space: nowrap;
  }
  .complete-stats-wrap .table--sortable th:nth-child(1),
  .complete-stats-wrap .table--sortable td:nth-child(1) { width: 42px !important; text-align: center !important; }
  .complete-stats-wrap .table--sortable th:nth-child(2),
  .complete-stats-wrap .table--sortable td:nth-child(2) { width: 135px !important; white-space: normal; overflow-wrap: anywhere; }
  .complete-stats-wrap .table--sortable th:nth-child(3),
  .complete-stats-wrap .table--sortable td:nth-child(3) { width: 50px !important; text-align: center; }
  .complete-stats-wrap .table--sortable th:nth-child(4),
  .complete-stats-wrap .table--sortable td:nth-child(4) { width: 58px !important; text-align: center; }
  .complete-stats-wrap .table--sortable th:nth-child(5),
  .complete-stats-wrap .table--sortable td:nth-child(5) { width: 68px !important; text-align: center; }
  .complete-stats-wrap .table--sortable th:nth-child(6),
  .complete-stats-wrap .table--sortable td:nth-child(6) { width: 82px !important; text-align: center; }
  .complete-stats-wrap .table--sortable th:nth-child(7),
  .complete-stats-wrap .table--sortable td:nth-child(7) { width: 68px !important; text-align: center; }
  .complete-stats-wrap .table--sortable thead th {
    font-size: .7rem !important;
  }
  .complete-stats-wrap .table--sortable thead th::before { content: none !important; }
}

/* Statistics of one league: same continuous mobile table. */
.league-stats-hint { display: none; }
@media (max-width: 719px) {
  .league-stats-hint {
    display: none;
  }
  .league-stats-wrap {
    overflow-x: hidden !important;
  }
  .league-stats-wrap .table--stats {
    display: table;
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed !important;
  }
  .league-stats-wrap .table--stats thead { display: table-header-group; }
  .league-stats-wrap .table--stats tbody { display: table-row-group; }
  .league-stats-wrap .table--stats tr { display: table-row; }
  .league-stats-wrap .table--stats th,
  .league-stats-wrap .table--stats td {
    display: table-cell;
    padding: 8px 2px !important;
    font-size: .72rem !important;
    line-height: 1.2;
    text-indent: 0 !important;
    white-space: nowrap;
  }
  .league-stats-wrap .table--stats th:nth-child(1),
  .league-stats-wrap .table--stats td:nth-child(1) { width: 7% !important; text-align: center; }
  .league-stats-wrap .table--stats th:nth-child(2),
  .league-stats-wrap .table--stats td:nth-child(2) { width: 38% !important; padding-left:5px!important; white-space: normal; overflow-wrap: anywhere; }
  .league-stats-wrap .table--stats th:nth-child(3),
  .league-stats-wrap .table--stats td:nth-child(3) { width: 10% !important; text-align: center; }
  .league-stats-wrap .table--stats th:nth-child(4),
  .league-stats-wrap .table--stats td:nth-child(4) { width: 15% !important; text-align: center; }
  .league-stats-wrap .table--stats th:nth-child(5),
  .league-stats-wrap .table--stats td:nth-child(5) { width: 15% !important; text-align: center; }
  .league-stats-wrap .table--stats th:nth-child(6),
  .league-stats-wrap .table--stats td:nth-child(6) { width: 15% !important; text-align: center; }
  .league-stats-wrap .table--stats thead th {
    font-size: 0 !important;
    white-space: nowrap;
  }
  .league-stats-wrap .table--stats thead th::before { font-size:.65rem!important; }
  .league-stats-wrap .table--stats thead th:nth-child(1)::before { content:'#'!important; }
  .league-stats-wrap .table--stats thead th:nth-child(2)::before { content:'Hráč'!important; }
  .league-stats-wrap .table--stats thead th:nth-child(3)::before { content:'Z'!important; }
  .league-stats-wrap .table--stats thead th:nth-child(4)::before { content:'Ø'!important; }
  .league-stats-wrap .table--stats thead th:nth-child(5)::before { content:'Max'!important; }
  .league-stats-wrap .table--stats thead th:nth-child(6)::before { content:'HB'!important; }
}

/* Public light/dark theme switcher. */
.nk-theme-toggle{min-height:42px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--nk-border);border-radius:11px;padding:7px 10px;background:var(--nk-surface);color:var(--nk-text);font:inherit;cursor:pointer}
.nk-theme-toggle:hover{background:var(--nk-primary-soft);color:var(--nk-primary-strong)}
.nk-theme-toggle span[aria-hidden]{font-size:1.15rem;line-height:1}
.nk-theme-toggle--mobile{width:100%;justify-content:flex-start}
@media(max-width:960px){.nk-nav>.nk-theme-toggle{display:none}}
html[data-theme=dark]{color-scheme:dark;--bg:#0d1519;--text:#e7eef0;--muted:#a5b2b7;--panel:#152126;--line:#304047;--shadow:0 8px 24px rgba(0,0,0,.28);--link:#70c7d2;--panel-bg:#152126;--panel-brd:#304047;--panel-brd-strong:#465a62;--panel-shadow:0 10px 28px rgba(0,0,0,.3);--ink:#e7eef0;--nk-bg:#0d1519;--nk-surface:#152126;--nk-text:#e7eef0;--nk-muted:#a5b2b7;--nk-border:#304047;--nk-primary:#47aeba;--nk-primary-strong:#75cbd3;--nk-primary-soft:#203b41;--nk-shadow:0 10px 28px rgba(0,0,0,.3)}
html[data-theme=dark],html[data-theme=dark] body{background:var(--nk-bg);color:var(--nk-text)}
html[data-theme=dark] .nk-header{background:rgba(15,24,29,.96);border-color:var(--nk-border);box-shadow:0 3px 18px rgba(0,0,0,.35)}
html[data-theme=dark] .nk-content,html[data-theme=dark] .nk-sidebar,html[data-theme=dark] .nk-mobilemenu,html[data-theme=dark] .nk-mm-box,html[data-theme=dark] .panel,html[data-theme=dark] .card,html[data-theme=dark] .content-card,html[data-theme=dark] .nk-card,html[data-theme=dark] .table-wrap,html[data-theme=dark] .table,html[data-theme=dark] .league-row{background:var(--nk-surface);border-color:var(--nk-border);color:var(--nk-text)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .nk-sidebar b,html[data-theme=dark] .nk-sidebar strong,html[data-theme=dark] #sidebar .league-name{color:var(--nk-text)}
html[data-theme=dark] .nk-burger,html[data-theme=dark] .nk-season select,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .btn,html[data-theme=dark] button.btn{background:#1b292f;color:var(--nk-text);border-color:var(--nk-border)}
html[data-theme=dark] .nk-burger span{background:var(--nk-text)}
html[data-theme=dark] .nk-season::after{border-top-color:var(--nk-text)}
html[data-theme=dark] .table th{background:#1c3036;color:#8ed8df}
html[data-theme=dark] .table td,html[data-theme=dark] .table th,html[data-theme=dark] .table th+th,html[data-theme=dark] .table td+td{border-color:var(--nk-border)}
html[data-theme=dark] .table tbody tr{background:var(--nk-surface);color:var(--nk-text)}
html[data-theme=dark] .league-row,html[data-theme=dark] .progress{background:#1a282e}
html[data-theme=dark] .badge{background:#203b41;color:#8ed8df}
html[data-theme=dark] .nk-footer{background:#101a1f;border-color:var(--nk-border);color:var(--nk-muted)}
html[data-theme=dark] .match-table td{border-color:var(--nk-border);color:var(--nk-text)}
html[data-theme=dark] .match-table td:nth-child(3){color:var(--nk-muted)}
html[data-theme=dark] #installBtn{background:#1b292f!important;color:var(--nk-text)!important;border-color:var(--nk-border)!important}

/* Dark theme contrast corrections. */
html[data-theme=dark] .table--league tbody tr.league-row--promotion{background:#bfe8d3!important;color:#142529!important}
html[data-theme=dark] .table--league tbody tr.league-row--relegation{background:#e8c4c8!important;color:#142529!important}
html[data-theme=dark] .table--league tbody tr.league-row--promotion td,
html[data-theme=dark] .table--league tbody tr.league-row--relegation td,
html[data-theme=dark] .table--league tbody tr.league-row--promotion a,
html[data-theme=dark] .table--league tbody tr.league-row--relegation a{color:#142529!important}

/* Živý přehled play-off je informační tabulka bez barev pořadí. */
.women-playoff-preview .table--playoff tbody tr,
.women-playoff-preview .table--playoff tbody tr:nth-child(1),
.women-playoff-preview .table--playoff tbody tr:nth-child(2),
.women-playoff-preview .table--playoff tbody tr:nth-last-child(-n+2){background:transparent!important;color:inherit!important}
.women-playoff-preview .table--playoff tbody td,
.women-playoff-preview .table--playoff tbody a{color:inherit!important}
html[data-theme=dark] .women-playoff-preview .table--playoff tbody tr,
html[data-theme=dark] .women-playoff-preview .table--playoff tbody tr:nth-child(1),
html[data-theme=dark] .women-playoff-preview .table--playoff tbody tr:nth-child(2),
html[data-theme=dark] .women-playoff-preview .table--playoff tbody tr:nth-last-child(-n+2){background:var(--nk-surface)!important;color:var(--nk-text)!important}
html[data-theme=dark] .women-playoff-preview .table--playoff tbody td,
html[data-theme=dark] .women-playoff-preview .table--playoff tbody a{color:var(--nk-text)!important}

/* Play-off tabulka nesmí zdědit tmavý text z barev prvních/posledních řádků ligy. */
html[data-theme=dark] .women-playoff-preview .table.table--league.table--playoff tbody tr td,
html[data-theme=dark] .women-playoff-preview .table.table--league.table--playoff tbody tr td a{
  color:var(--nk-text)!important;
}
@media(min-width:1024px){
  html[data-theme=dark] .nk-sidebar a{color:#aebfc4!important}
  html[data-theme=dark] .nk-sidebar a:hover{color:#dff8fa!important;background:#203b41!important}
  html[data-theme=dark] .nk-sidebar .active,
  html[data-theme=dark] .nk-sidebar a[aria-current=page]{color:#8fe6ed!important;background:#21434a!important;border-left-color:#58c7d1!important}
}
html[data-theme=dark] .nk-mobilemenu .nk-mm-copy a{color:#b9c9cd}
html[data-theme=dark] .nk-mobilemenu .nk-mm-copy a:hover,
html[data-theme=dark] .nk-mobilemenu .nk-mm-copy .active{color:#8fe6ed!important;background:#21434a!important}

/* Compact mobile theme control and dark mobile navigation. */
.nk-admin-link{color:var(--nk-primary-strong);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
@media(max-width:960px){
  .nk-nav{gap:6px}
  .nk-nav>.nk-theme-toggle{display:inline-flex;width:40px;height:40px;min-height:40px;padding:0;justify-content:center;border-radius:12px}
  .nk-nav>.nk-theme-toggle .nk-theme-toggle__text{display:none}
  .nk-nav>.nk-theme-toggle span[aria-hidden]{font-size:1.25rem}
  .nk-admin-link{font-size:.88rem;padding:6px 2px}
  html[data-theme=dark] .nk-mobilemenu .nk-mm-item,
  html[data-theme=dark] .nk-mobilemenu .nk-mm-copy .nav-link{background:#1b292f!important;color:#c9d7da!important;border:1px solid #304047!important}
  html[data-theme=dark] .nk-mobilemenu .nk-mm-item:hover,
  html[data-theme=dark] .nk-mobilemenu .nk-mm-copy .nav-link:hover,
  html[data-theme=dark] .nk-mobilemenu .nk-mm-copy .nav-link.active{background:#21434a!important;color:#8fe6ed!important;border-color:#3b6870!important}
  html[data-theme=dark] .nk-mobilemenu .nk-user,
  html[data-theme=dark] .nk-mobilemenu .nk-season__label{color:#c9d7da!important}
  html[data-theme=dark] .nk-mobilemenu .league-logo{filter:brightness(.82) contrast(.95)}
}

/* Mobile logo sizing and dark sponsor cards. */
html[data-theme=dark] .panel-sponsors .sponsor-card{background:#1b292f!important;color:#d7e3e6!important;border-color:#304047!important}
html[data-theme=dark] .panel-sponsors .sponsor-name{color:#d7e3e6!important}
html[data-theme=dark] .panel-sponsors .logo-wrap img{filter:brightness(.82) contrast(.96)}
html[data-theme=dark] .panel-sponsors .sponsor-card:hover{background:#203b41!important;border-color:#4e9da6!important}
@media(max-width:960px){
  .nk-mobilemenu #sidebar{--league-logo-size:48px!important}
  .nk-mobilemenu #sidebar .sidebar-league{gap:10px}
  .nk-mobilemenu #sidebar .league-logo-frame{width:48px!important;height:48px!important;border-radius:8px!important}
  .nk-mobilemenu #sidebar .league-logo-frame .league-logo{width:48px!important;height:48px!important;padding:4px!important}
  .nk-mobilemenu #sidebar .nav{margin-left:0!important}
}
@media(max-width:540px){
  .panel-sponsors .sponsor-card{padding:.55rem;gap:.3rem}
  .panel-sponsors .logo-wrap{height:52px}
  .panel-sponsors .logo-wrap img{max-height:52px}
  .panel-sponsors .sponsor-name{font-size:.85rem}
}

/* Unified sponsor logo tiles in dark mode. */
html[data-theme=dark] .panel-sponsors .logo-wrap{width:min(100%,180px);height:64px;padding:8px 10px;border-radius:9px;background:#cbd3d3;border:1px solid #aebbbc}
html[data-theme=dark] .panel-sponsors .logo-wrap img{max-width:100%;max-height:100%;filter:none;mix-blend-mode:multiply}
@media(max-width:540px){
  html[data-theme=dark] .panel-sponsors .logo-wrap{width:min(100%,155px);height:58px;padding:7px 8px}
}

/* Unified white rectangular league logo tiles in the mobile menu. */
@media(max-width:960px){
  .nk-mobilemenu #sidebar{--league-logo-size:78px!important}
  .nk-mobilemenu #sidebar .league-logo-frame{width:78px!important;height:44px!important;flex:0 0 78px!important;padding:0!important;border-radius:7px!important;background:#fff!important;border:1px solid #d9dfdd!important;overflow:hidden}
  .nk-mobilemenu #sidebar .league-logo-frame .league-logo,
  html[data-theme=dark] .nk-mobilemenu #sidebar .league-logo-frame .league-logo{width:100%!important;height:100%!important;padding:5px 7px!important;background:#fff!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important;border-radius:0!important}
}

/* Improve contrast of the U Kapra line-art logo without changing its white tile. */
#sidebar .league-logo[src*="u-kapra"]{filter:grayscale(1) contrast(2.4)!important}

/* PWA installation offer. */
#pwaInstall{padding:8px 14px;margin:0!important;background:var(--nk-primary-soft);border-bottom:1px solid var(--nk-border);color:var(--nk-text)}
#pwaInstall #installBtn{margin:0 auto;gap:6px}
#pwaInstall small{display:block;margin:4px auto 0!important;color:var(--nk-muted)!important}
html[data-theme=dark] #pwaInstall{background:#142329;border-color:#304047}