/* ================= Header & Wrap ================= */
.psss__head{
  background:#0b1a3a;color:#fff;padding:12px 14px;border-radius:10px 10px 0 0;
  display:flex;justify-content:space-between;align-items:center
}
.psss__title{font-weight:800;letter-spacing:.02em}
.psss__season{opacity:.9;font-weight:600}
.psss__wrap{
  background:#fff;border:1px solid #e5e7ef;border-top:none;border-radius:0 0 10px 10px;
  box-sizing:border-box;width:100%;margin:0;
}
.psss__wrap *, .psss-ticker *{box-sizing:border-box}

/* ================= Classifica ================= */
.psss__table{
  width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;
  font-size:var(--psss-font-table-d,1rem);
}
.psss__table thead th{
  position:sticky;top:0;background:var(--psss-table-head,#fff);z-index:2;
  padding:10px 8px;border-bottom:1px solid #e5e7ef;text-align:center;white-space:nowrap
}
.psss__table thead th.team{text-align:left}
.psss__table tbody td{
  padding:10px 8px;border-bottom:1px solid #e5e7ef;text-align:center;vertical-align:middle
}
.psss__table tbody td.team{display:flex;align-items:center;gap:.55rem;justify-content:flex-start}
.psss__table tbody tr:nth-child(even){background:var(--psss-table-alt,#f6f7fb)}
.psss__table img.logo{width:22px;height:22px;border-radius:999px;object-fit:cover}

/* mobile: fermati a P */
@media (max-width: 640px){
  .psss__table{font-size:var(--psss-font-table-m,.95rem)}
  .psss__table thead th:nth-child(8),
  .psss__table thead th:nth-child(9),
  .psss__table thead th:nth-child(10),
  .psss__table tbody td:nth-child(8),
  .psss__table tbody td:nth-child(9),
  .psss__table tbody td:nth-child(10){display:none}
  .psss__table tbody td{padding:10px 6px}
  .psss__table img.logo{width:20px;height:20px}
  .psss__table .pos{width:2.5ch}
  .psss__table tbody td.team span{display:inline-block;max-width:56vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ================= Partite (Giornata) ================= */
.psss--round .psss__matches{display:flex;flex-direction:column;gap:10px;padding:12px;font-size:var(--psss-font-round-d,1rem)}
.psss--round .psss__matches .psss-match__row{
  display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;
  padding:10px 12px;border:1px solid #e5e7ef;border-radius:10px;background:var(--psss-match-bg,#fff)
}
.psss--round .psss__matches .psss-match__row .team{display:flex;align-items:center;gap:.5rem;min-width:0}
.psss--round .psss__matches .psss-match__row .team .logo{width:24px;height:24px;border-radius:999px;object-fit:cover;display:inline-block}
.psss--round .psss__matches .psss-match__row .team .name{white-space:nowrap}
.psss--round .psss__matches .psss-match__row .score{justify-self:center;text-align:center;min-width:64px;font-weight:800}
@supports not (display: grid){
  .psss--round .psss__matches .psss-match__row{display:flex;justify-content:space-between;align-items:center}
  .psss--round .psss__matches .psss-match__row .score{margin:0 auto}
}
/* mobile */
@media (max-width: 640px){
  .psss--round .psss__matches{padding:10px;font-size:var(--psss-font-round-m,.95rem)}
  .psss--round .psss__matches .psss-match__row{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:8px; padding:10px 12px;
  }
  .psss--round .psss__matches .psss-match__row .team .logo{width:22px;height:22px}
  .psss--round .psss__matches .psss-match__row .team .name{
    max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:clip; /* niente ... */
  }
  .psss--round .psss__matches .psss-match__row .score{min-width:52px}
}

/* ================= Ticker ================= */
.psss-ticker{
  position:relative;background:var(--psss-ticker-bg,#0b1a3a);color:var(--psss-ticker-text,#fff);
  border-radius:8px;padding:8px;font-size:var(--psss-font-ticker-d,1rem);
}
.psss-ticker__viewport{overflow:hidden;position:relative;white-space:nowrap}
.psss-ticker__slide{display:block;padding:0}
.psss-ticker__lane{display:flex;gap:22px;align-items:center}
.psss-marquee-wrap{will-change:transform;display:flex;align-items:center;gap:22px}

.psss-chip{display:flex;align-items:center;gap:10px}
.psss-chip .tm{display:flex;align-items:center;gap:8px}
.psss-chip .logo{width:22px;height:22px;border-radius:999px;object-fit:cover;display:inline-block}
.psss-chip .name{font-weight:600}
.psss-chip .dash{font-weight:800;min-width:44px;text-align:center}

/* nav */
.psss-ticker__nav{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.12);border:0;border-radius:6px;width:28px;height:28px;
  line-height:28px;text-align:center;color:#fff;cursor:pointer
}
.psss-ticker__nav.prev{left:6px}
.psss-ticker__nav.next{right:6px}

/* mobile ticker */
@media (max-width: 640px){
  .psss-ticker{font-size:var(--psss-font-ticker-m,1rem)}
  .psss-ticker.psss-ticker--logos-only .psss-chip .name{display:none}
  .psss-ticker.psss-ticker--logos-only .psss-chip .logo{width:24px;height:24px}
  .psss-ticker.psss-ticker--logos-only .psss-chip{gap:8px}
  .psss-ticker.psss-ticker--logos-only .psss-ticker__lane,
  .psss-ticker.psss-ticker--logos-only .psss-marquee-wrap{gap:18px}
}

/* rifiniture */
@media (min-width: 641px){
  .psss__table thead th,.psss__table tbody td{vertical-align:middle}
}