/* InstantSport Sports — front. Utilise la charte du thème (var) avec repli. */
:root{
  --isx-ink:var(--is-ink,#16181D);
  --isx-red:var(--is-red,#E01B1B);
  --isx-line:var(--is-line,#E3E6EA);
  --isx-muted:var(--is-muted,#6B7280);
  --isx-disp:var(--is-disp,"Barlow Condensed",system-ui,sans-serif);
}

/* ---------- CLASSEMENTS ---------- */
.is-standings-wrap{margin:1.2rem 0}
.is-group-title{margin:1.2rem 0 .4rem;font-family:var(--isx-disp);font-style:italic;text-transform:uppercase;font-size:1.1rem}
.is-table-scroll{width:100%;overflow-x:auto}
table.is-standings{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
table.is-standings th,table.is-standings td{padding:.55rem;text-align:center;border-bottom:1px solid var(--isx-line);white-space:nowrap}
table.is-standings thead th{font-family:var(--isx-disp);font-weight:700;text-transform:uppercase;font-size:.72rem;color:var(--isx-muted)}
table.is-standings .is-pos{width:2.4rem;font-family:var(--isx-disp);font-weight:700}
table.is-standings .is-team{text-align:left;font-weight:600}
table.is-standings .is-logo{vertical-align:middle;margin-right:.5rem;border-radius:50%;object-fit:cover}
table.is-standings tbody tr:nth-child(-n+3) .is-pos{color:#fff;background:var(--isx-red);border-radius:4px}
table.is-standings .is-pts{font-size:1rem}

/* ---------- CALENDRIER / RÉSULTATS ---------- */
.is-fixtures{display:flex;flex-direction:column;gap:8px;margin:1rem 0}
.is-fx-head{display:flex;justify-content:flex-end;margin:4px 0 6px}
.is-fx-select{font-family:var(--isx-disp);font-weight:700;font-style:italic;text-transform:uppercase;font-size:.95rem;color:var(--isx-ink);background:#fff;border:1px solid var(--isx-line);border-radius:8px;padding:8px 12px;cursor:pointer}
.is-fx-group{display:flex;flex-direction:column;gap:8px}
.is-fx-round{font-family:var(--isx-disp);font-weight:800;font-style:italic;text-transform:uppercase;color:#fff;background:var(--isx-ink);display:inline-block;padding:5px 14px 5px 12px;border-left:4px solid var(--isx-red);margin:14px 0 2px;font-size:1.05rem;clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}
.is-mrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--isx-line);border-radius:10px;color:var(--isx-ink);text-decoration:none;transition:box-shadow .15s,transform .15s}
.is-mrow:hover{box-shadow:0 8px 20px rgba(20,21,25,.1);transform:translateY(-1px);color:var(--isx-ink)}
.is-mr-team{display:flex;align-items:center;gap:9px;font-weight:600}
.is-mr-home{justify-content:flex-end;text-align:right}
.is-mr-away{justify-content:flex-start;text-align:left}
.is-mr-logo{border-radius:50%;object-fit:cover;flex:0 0 auto}
.is-mr-score{font-family:var(--isx-disp);font-weight:800;background:var(--isx-ink);color:#fff;border-radius:6px;padding:3px 12px;min-width:3.4rem;text-align:center}
.is-mr-vs{font-family:var(--isx-disp);font-weight:700;color:var(--isx-muted);font-size:.9rem;white-space:nowrap}
.is-mr-venue{grid-column:1 / -1;text-align:center;font-size:.78rem;color:var(--isx-muted);margin-top:2px}

/* ---------- PAGE MATCH ---------- */
.is-match-page{max-width:820px;margin:0 auto;padding:24px 20px 10px}
.is-mp-comp{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.is-mp-complogo{width:44px;height:44px;border-radius:8px;object-fit:contain;background:#fff}
.is-mp-compname{font-family:var(--isx-disp);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.3rem;color:var(--isx-ink);text-decoration:none}
.is-mp-sub{font-family:var(--isx-disp);font-weight:600;text-transform:uppercase;color:var(--isx-muted);font-size:.9rem}
.is-mp-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:var(--isx-ink);border-radius:16px;padding:28px 20px;color:#fff}
.is-mp-team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.is-mp-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#fff}
.is-mp-name{font-family:var(--isx-disp);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.15rem;line-height:1}
.is-mp-center{display:flex;flex-direction:column;align-items:center;gap:8px}
.is-mp-result{font-family:var(--isx-disp);font-weight:800;font-size:3rem;line-height:1}
.is-mp-result span{opacity:.5;margin:0 4px}
.is-mp-vs{font-family:var(--isx-disp);font-weight:800;font-size:2rem;opacity:.7}
.is-mp-status{font-family:var(--isx-disp);font-weight:700;font-style:italic;text-transform:uppercase;font-size:.72rem;padding:3px 10px;border-radius:3px;background:rgba(255,255,255,.14)}
.is-mp-status-finished{background:var(--isx-red)}
.is-mp-status-live{background:var(--isx-red);animation:ispulse 1.3s infinite}
@keyframes ispulse{0%,100%{opacity:1}50%{opacity:.55}}
.is-mp-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:18px 0;color:var(--isx-muted);font-weight:600;font-size:.92rem}
.is-mp-photo{margin:10px 0 0;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#0e0f12}
.is-mp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.is-mp-report{max-width:720px;margin:26px auto 0;font-size:17px;line-height:1.7}

.is-empty{opacity:.7;font-style:italic}

@media(max-width:560px){
  .is-mp-logo{width:56px;height:56px}
  .is-mp-result{font-size:2.3rem}
  .is-mr-team{font-size:.9rem}
}

@media (prefers-color-scheme: dark){
  .is-mrow{background:#1f2126;border-color:rgba(255,255,255,.12);color:#eee}
  .is-mrow:hover{color:#fff}
}