/* ActiveFoot — Refonte 3 Lot 5a : finales publiques plus simples */
.page-tournament.af-finals-easy-ready #tt-panel-finals,
.page-tournament.af-finals-easy-ready #tt-panel-final-ranking{
  scroll-margin-top:18px;
}
.af-finals-easy-guide{
  margin:12px 0 14px;
  padding:14px;
  border:1px solid rgba(34,197,94,.24);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(59,130,246,.055));
  box-shadow:0 14px 36px rgba(0,0,0,.14);
}
.af-finals-easy-guide__title{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--tx);
  font-family:var(--fh);
  font-weight:950;
  font-size:15px;
  letter-spacing:.35px;
  text-transform:uppercase;
  margin-bottom:10px;
}
.af-finals-easy-guide__steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.af-finals-easy-step{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:10px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(15,23,42,.46);
  color:var(--tm);
  font-size:12px;
  line-height:1.35;
}
.af-finals-easy-step strong{
  display:block;
  color:var(--tx);
  font-size:12px;
  margin-bottom:2px;
}
.af-finals-easy-step__num{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:999px;
  background:rgba(34,197,94,.16);
  border:1px solid rgba(34,197,94,.28);
  color:var(--green);
  font-family:var(--fh);
  font-weight:950;
}
.af-finals-easy-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.af-finals-easy-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.52);
  color:var(--tm);
  font-size:11px;
  font-weight:750;
}
.af-finals-easy-pill strong{color:var(--tx)}

/* Choix du tableau : plus proche d’un menu public que d’un panneau technique */
.page-tournament.af-finals-easy-ready .af-finals-chooser{
  border-color:rgba(34,197,94,.26);
  background:linear-gradient(180deg,rgba(9,30,23,.88),rgba(10,18,34,.88));
}
.page-tournament.af-finals-easy-ready .af-finals-chooser__title::before{
  content:"🏆 ";
}
.page-tournament.af-finals-easy-ready .af-finals-choice{
  min-height:58px;
  border-color:rgba(148,163,184,.20);
}
.page-tournament.af-finals-easy-ready .af-finals-choice__body strong{
  font-size:14px;
}
.page-tournament.af-finals-easy-ready .af-finals-choice__body small{
  font-size:11px;
}

/* Tableaux : repères plus lisibles et moins “mur de cartes” */
.page-tournament.af-finals-easy-ready .af-readable-finals__league{
  border-color:rgba(34,197,94,.22);
}
.page-tournament.af-finals-easy-ready .af-readable-finals__league-head{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(11,36,27,.96),rgba(12,23,44,.94));
}
.page-tournament.af-finals-easy-ready .af-readable-finals__league-title{
  font-size:16px;
}
.page-tournament.af-finals-easy-ready .af-readable-finals__league-subtitle{
  font-size:12px;
}
.page-tournament.af-finals-easy-ready .af-tv-bracket{
  border-top:1px solid rgba(121,170,255,.12);
}
.af-finals-easy-scroll-hint{
  display:none;
  margin:10px 12px 0;
  color:var(--tm);
  font-size:11px;
  line-height:1.35;
  padding:8px 10px;
  border:1px dashed rgba(148,163,184,.25);
  border-radius:12px;
  background:rgba(15,23,42,.46);
}
.page-tournament.af-finals-easy-ready .af-tv-card,
.page-tournament.af-finals-easy-ready .af-readable-finals__match{
  outline:1px solid transparent;
}
.page-tournament.af-finals-easy-ready .af-tv-card.af-finals-easy--played,
.page-tournament.af-finals-easy-ready .af-readable-finals__match.af-finals-easy--played{
  border-color:rgba(59,130,246,.36);
}
.page-tournament.af-finals-easy-ready .af-tv-card.af-finals-easy--todo,
.page-tournament.af-finals-easy-ready .af-readable-finals__match.af-finals-easy--todo{
  border-color:rgba(250,204,21,.30);
}
.page-tournament.af-finals-easy-ready .af-tv-card.af-finals-easy--todo .af-tv-card__state,
.page-tournament.af-finals-easy-ready .af-readable-finals__match.af-finals-easy--todo .af-readable-finals__match-top span:last-child{
  color:#fde68a;
}
.page-tournament.af-finals-easy-ready .af-tv-card.af-finals-easy--played .af-tv-card__state,
.page-tournament.af-finals-easy-ready .af-readable-finals__match.af-finals-easy--played .af-readable-finals__match-top span:last-child{
  color:#bfdbfe;
}

@media (max-width:720px){
  .af-finals-easy-guide{padding:12px;border-radius:16px}
  .af-finals-easy-guide__steps{grid-template-columns:1fr}
  .af-finals-easy-step{padding:9px}
  .af-finals-easy-legend{gap:6px}
  .af-finals-easy-scroll-hint{display:block}
  .page-tournament.af-finals-easy-ready .af-readable-finals__league-head{position:relative;top:auto}
  .page-tournament.af-finals-easy-ready .af-finals-choice{min-height:54px}
}
