/* Fluxedio Calcio — partite, classifiche, canali TV. Usa le variabili di guida.css. */
:root { --free: #34d399; --free-bg: rgba(52,211,153,.14); --stream: #fbbf24; --stream-bg: rgba(251,191,36,.14); --pay: #c4b5fd; --pay-bg: rgba(139,92,246,.16); }

/* badge chiaro / streaming / pagamento */
.tvb { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; white-space: nowrap; }
.tvb::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.tvb.free { color: var(--free); background: var(--free-bg); }
.tvb.stream { color: var(--stream); background: var(--stream-bg); }
.tvb.pay { color: var(--pay); background: var(--pay-bg); }
.tvl { font-size: 13px; font-weight: 600; color: var(--fg-dim); }
.cz-legend { font-size: 13.5px; color: var(--fg-dim); display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.cz-q { font-size: 11px; font-weight: 700; color: var(--stream); border: 1px solid rgba(251,191,36,.35); border-radius: 999px; padding: 1px 7px; }

/* elenco partite */
.fx { list-style: none; margin: 0; padding: 0; border-radius: var(--radius); background: var(--panel); border: 1px solid var(--line); overflow: hidden; }
.fx-row { display: flex; gap: 16px; padding: 14px 18px; border-bottom: 1px solid rgba(255,255,255,.05); position: relative; }
.fx-row:last-child { border-bottom: 0; }
.fx-row.k-free { background: linear-gradient(90deg, rgba(52,211,153,.07), transparent 60%); }
.fx-row.k-free::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--free); }
.fx-row.s-live { background: linear-gradient(90deg, rgba(255,59,78,.14), rgba(139,92,246,.06)); }
.fx-t { flex-shrink: 0; width: 64px; font-weight: 800; color: var(--fg-dim); font-variant-numeric: tabular-nums; display: flex; flex-direction: column; line-height: 1.3; }
.fx-t .d { font-size: 11px; font-weight: 700; color: var(--fg-faint); }
.fx-b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.fx-teams { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: var(--fg); text-decoration: none; font-weight: 700; font-size: 16px; }
.fx-teams:hover .fx-h, .fx-teams:hover .fx-a { text-decoration: underline; }
.fx-h { text-align: right; overflow-wrap: anywhere; }
.fx-a { overflow-wrap: anywhere; }
.fx-sc { font-family: var(--font-display); font-size: 15px; padding: 3px 10px; border-radius: 9px; background: var(--panel-strong); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fx-vs { font-size: 11px; font-weight: 800; color: var(--fg-faint); text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; }
.s-live .fx-vs { color: #ffd9dd; }
.fx-m { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; justify-content: center; }
.cz-tag { font-size: 11.5px; font-weight: 800; color: var(--fg); text-decoration: none; padding: 3px 9px; border-radius: 8px; border: 1px solid var(--line); background: rgba(255,255,255,.03); }
.cz-tag:hover { border-color: rgba(255,255,255,.25); }
.cz-rd { font-size: 12px; color: var(--fg-faint); font-weight: 600; }
@media (max-width: 560px) {
  .fx-row { gap: 10px; padding: 13px 12px; }
  .fx-t { width: 44px; font-size: 14px; }
  .fx-teams { font-size: 15px; gap: 8px; }
}

/* competizioni */
.cz-comps { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr)); margin-top: 22px; }
.cz-comp { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 18px; text-decoration: none; background: var(--panel); border: 1px solid var(--line); overflow: hidden; transition: border-color .3s, transform .3s; }
.cz-comp::after { content: ""; position: absolute; right: -30px; top: -30px; width: 110px; height: 110px; border-radius: 50%; background: var(--c, var(--accent)); opacity: .22; filter: blur(22px); }
.cz-comp:hover { border-color: rgba(255,255,255,.25); transform: translateY(-2px); }
.cz-cn { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--fg); }
.cz-cs { font-size: 13px; color: var(--fg-dim); }
.c-serie-a { --c: #3b82f6; } .c-serie-b { --c: #22c55e; } .c-champions-league { --c: #6366f1; } .c-europa-league { --c: #f97316; }
.c-conference-league { --c: #10b981; } .c-coppa-italia { --c: #ef4444; } .c-supercoppa-italiana { --c: #eab308; }
@media (prefers-reduced-motion: reduce) { .cz-comp { transition: none; } .cz-comp:hover { transform: none; } }

/* sottomenu competizione */
.cz-sub { display: flex; gap: 6px; flex-wrap: wrap; margin: 16px 0 4px; }
.cz-sub a { color: var(--fg-dim); text-decoration: none; font-weight: 700; font-size: 14px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--panel); }
.cz-sub a:hover { color: var(--fg); }
.cz-sub a[aria-current] { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--accent), #c2455f 60%, var(--accent-2)); }

/* classifica */
.cz-tbl-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--line); background: var(--panel); }
.cz-tbl { width: 100%; border-collapse: collapse; font-size: 14.5px; font-variant-numeric: tabular-nums; }
.cz-tbl th, .cz-tbl td { padding: 10px 8px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.05); }
.cz-tbl tr:last-child td { border-bottom: 0; }
.cz-tbl th { font-size: 11px; letter-spacing: 1px; color: var(--fg-faint); text-transform: uppercase; font-weight: 800; }
.cz-tbl .tm { text-align: left; width: 100%; }
.cz-tbl .tm a { color: var(--fg); font-weight: 700; text-decoration: none; }
.cz-tbl .tm a:hover { text-decoration: underline; }
.cz-tbl .p { width: 38px; font-weight: 800; color: var(--fg-dim); box-shadow: inset 3px 0 0 var(--z, transparent); }
.cz-tbl .pt { font-weight: 800; color: var(--fg); }
.cz-tbl td { color: var(--fg-dim); }
.cz-tbl tr.on td { background: rgba(255,59,78,.1); }
@media (max-width: 560px) { .cz-tbl .hm { display: none; } .cz-tbl th, .cz-tbl td { padding: 9px 5px; } }
.cz-zones { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--fg-dim); }
.cz-zones i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }

/* scheda partita */
.cz-match h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.cz-match h1 a { color: var(--fg); text-decoration: none; }
.cz-match h1 a:hover { text-decoration: underline; }
.cz-match .sc { font-size: .8em; padding: 4px 16px; border-radius: 16px; background: var(--panel-strong); border: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.cz-match .sc i { font-style: normal; color: var(--fg-faint); margin: 0 6px; }
.cz-match .sc.vs { font-size: .55em; color: var(--fg-dim); }
.cz-tvbig { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 12px; }
.cz-tvbig .tvb { font-size: 12.5px; padding: 6px 13px; }
.cz-tvbig .tvl { font-size: 15px; color: var(--fg); }
.tvlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.tvlist li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 14px 16px; border-radius: 16px; background: var(--panel); border: 1px solid var(--line); }
.tvlist li.k-free { border-color: rgba(52,211,153,.35); }
.tvlist b { font-size: 16px; }
.cz-teams2 { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); }
.cz-team-col h3 { margin: 0 0 6px; font-size: 17px; }
.cz-team-col h3 a { color: var(--fg); text-decoration: none; }
.cz-team-col .fx { margin-bottom: 8px; }
.small { font-size: 13px; margin: 8px 0 6px; }
.cz-rights { margin-top: 30px; }
.cz-rights h2 { font-family: var(--font-display); font-size: 17px; margin: 0 0 8px; }

/* risultati in diretta (assets/calcio-live.js) */
.fx-vs.is-score { font-family: var(--font-display); font-size: 15px; color: var(--fg); letter-spacing: 0; padding: 3px 10px; border-radius: 9px; background: rgba(255,59,78,.16); }
.fx-row.is-live { background: linear-gradient(90deg, rgba(255,59,78,.13), rgba(139,92,246,.05)); }
.cz-clock.big { font-size: 13px; margin-bottom: 6px; }
.cz-match .sc.is-score { font-size: .8em; color: var(--fg); background: rgba(255,59,78,.16); }
.cz-legend .tvc { font-size: 11px; }

/* loghi delle squadre */
.fx-h, .fx-a { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
.fx-h { justify-content: flex-end; text-align: right; }
.cz-match h1 a { display: inline-flex; align-items: center; gap: 12px; }
.cz-th { display: flex; align-items: center; gap: 16px; }
@media (max-width: 560px) { .crest.xl { width: 42px; height: 42px; } .fx-h, .fx-a { gap: 6px; } .fx-teams .crest { width: 20px; height: 20px; } }