/* =========================================================
   Mini tabele ligowe na stronie głównej
   Ładowany PO style.css (korzysta ze zmiennych :root)
   ========================================================= */
.team-rows{display:flex; flex-direction:column; gap:22px;}
.team-row{display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:stretch;}
.team-row.is-reverse .lt-card{order:-1;}
@media (max-width:860px){
  .team-row{grid-template-columns:1fr;}
  .team-row.is-reverse .lt-card{order:0;}
  .lt-card{height:400px;}
}

/* Wysokość karty tabeli wyznacza zdjęcie obok (tabela jest absolutna w środku) */
.lt-card{
  position:relative;
  min-height:340px;
  background:#fff;
  border:1px solid var(--paper-line);
  border-radius:var(--radius-l);
  box-shadow:var(--shadow-card);
  overflow:hidden;
}
.lt-inner{position:absolute; inset:0; display:flex; flex-direction:column;}

.lt-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:12px;
  padding:18px 20px 12px;
}
.lt-eyebrow{
  display:block;
  font-family:var(--ff-display); font-size:.68rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--mustard-700);
}
.lt-head h3{font-size:1.3rem; margin-top:2px;}
.lt-locate{
  font-family:var(--ff-display); font-size:.74rem; letter-spacing:.06em;
  color:var(--navy-700); background:var(--mustard-100);
  border:1px solid var(--mustard-400); border-radius:100px;
  padding:6px 14px; white-space:nowrap;
  transition:background .18s ease, transform .18s ease;
}
.lt-locate:hover{background:var(--mustard-400); transform:translateY(-1px);}

/* Przewijany obszar z wygaszeniem u dołu, gdy jest co przewijać */
.lt-scroll{
  position:relative;
  flex:1; min-height:0;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--paper-line) transparent;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 22px),transparent 100%);
          mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 22px),transparent 100%);
}
.lt-scroll.at-end{-webkit-mask-image:none; mask-image:none;}

.lt-table{width:100%; border-collapse:collapse; table-layout:fixed; font-size:.92rem;}
.lt-table th{
  position:sticky; top:0; z-index:1;
  background:var(--paper-soft);
  font-family:var(--ff-display); font-weight:500; font-size:.68rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint);
  padding:9px 6px; border-block:1px solid var(--paper-line);
}
.lt-table td{padding:9px 6px; border-bottom:1px solid var(--paper-line); text-align:center;}
.lt-table .c-pos{width:52px;}
.lt-table .c-m{width:44px;}
.lt-table .c-pts{width:58px;}
.lt-table .c-team{text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lt-table td.c-team{color:var(--ink);}
.lt-table td.c-m{color:var(--ink-faint);}
.lt-table td.c-pts{font-family:var(--ff-display); font-weight:600; font-size:1.02rem; color:var(--navy-900);}

.lt-table tbody tr{transition:background .15s ease;}
.lt-table tbody tr:hover{background:var(--paper-soft);}
.lt-pos{
  display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%;
  font-family:var(--ff-display); font-size:.8rem; color:var(--ink-soft);
}
.lt-table tr.is-first .lt-pos{background:var(--mustard-500); color:var(--navy-900);}

/* Nasza drużyna */
.lt-table tr.us{background:var(--mustard-100); box-shadow:inset 4px 0 0 var(--mustard-500);}
.lt-table tr.us td{font-weight:600; color:var(--navy-900);}
.lt-table tr.us .lt-pos{background:var(--navy-900); color:#fff;}
.lt-table tr.us.flash{animation:lt-flash 1.1s ease;}
@keyframes lt-flash{
  0%,60%{background:var(--mustard-400);}
  100%{background:var(--mustard-100);}
}
.lt-loading{padding:28px 12px !important; color:var(--ink-faint);}

.lt-more{
  display:block; text-align:center;
  padding:11px 12px;
  border-top:1px solid var(--paper-line);
  font-weight:600; font-size:.86rem; color:var(--navy-700);
  background:#fff;
  transition:background .18s ease, color .18s ease;
}
.lt-more:hover{background:var(--navy-800); color:#fff;}

@media (max-width:420px){
  .lt-table .c-m{display:none;}
  .lt-head{padding:16px 14px 10px;}
}