/* Espace Ligue (10 octobre 2026) : page d'une ligue (ligue.html) et son
   Pilotage, y compris l'Administration servie en mode Ligue
   (/ligue-pilotage.html). Classes préfixées « lg- » pour ne rien heurter
   dans admin.html, qui a ses propres .onglet / .panneau. */

/* ── En-tête de la ligue ── */
.lg-tete { display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  background: linear-gradient(180deg, rgba(18,224,224,.09), rgba(18,224,224,.015)), var(--surface);
  border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 16px 20px; margin-bottom: 16px; }
.lg-logo { width: 84px; height: auto; flex: none; filter: drop-shadow(0 6px 14px rgba(0,0,0,.45)); }
.lg-tete-txt { min-width: 0; flex: 1 1 260px; }
.lg-tete h1 { margin: 0 0 4px; font-size: clamp(24px, 4vw, 32px); line-height: 1.15; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.lg-tete h1 small { font-size: 14px; font-weight: 700; color: var(--muted); }
.lg-infos { display: flex; gap: 6px 16px; flex-wrap: wrap; color: var(--body); font-size: 13px; }
.lg-infos b { color: var(--text); }

/* ── Onglets de la page ── */
.lg-onglets { display: flex; gap: .25rem; border-bottom: 1px solid var(--line); margin: 0 0 18px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.lg-onglets a, .lg-onglets button { background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap;
  color: var(--muted); font: inherit; font-weight: 700; font-size: .92rem; padding: .6rem .9rem; cursor: pointer; text-decoration: none; }
.lg-onglets a:hover, .lg-onglets button:hover { color: var(--text); }
.lg-onglets [aria-selected="true"], .lg-onglets [aria-current="page"] { color: var(--text); border-bottom-color: var(--accent); }
.lg-onglets .ext::after { content: " ↗"; font-size: .8em; color: var(--muted); }
/* ── Cette semaine : deux rubriques, Récap et Matchs (10 octobre 2026) ── */
.lg-rubr { display: flex; gap: 6px; flex-wrap: wrap; margin: -4px 0 16px; }
.lg-rubr button { font: inherit; font-size: 12.5px; font-weight: 800; padding: 6px 13px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--surface2); background: var(--surface); color: var(--body); }
.lg-rubr button:hover { color: var(--text); }
.lg-rubr button[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }

/* ── Vue organisateur / vue joueur (comme .tn-bascule et .tn-vuejoueur d'un tournoi) ── */
.lg-bascule { display: inline-flex; margin-left: auto; align-self: flex-start; border: 1px solid var(--surface2); border-radius: 999px; padding: 3px; background: rgba(13,10,20,.5); }
.lg-bascule button { font: inherit; font-size: 12px; font-weight: 800; border: 0; background: none; color: var(--muted); padding: 5px 12px; border-radius: 999px; cursor: pointer; white-space: nowrap; }
.lg-bascule button[aria-pressed="true"] { background: rgba(255,255,255,.1); color: var(--text); }
.lg-vuejoueur { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 9px 13px; margin: 0 0 14px; border-radius: 11px;
  background: rgba(18,224,224,.07); border: 1px solid rgba(18,224,224,.3); font-size: 12.5px; color: var(--body); }
.lg-vuejoueur b { color: var(--cyan); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; }
.lg-vuejoueur span { flex: 1; min-width: 200px; }
@media (max-width: 600px) { .lg-bascule { margin-left: 0; } }

.lg-nb { display: inline-block; min-width: 18px; margin-left: 4px; padding: 1px 6px; border-radius: 999px; background: var(--accent);
  color: #0d0a14; font-size: 10.5px; font-weight: 800; text-align: center; vertical-align: 1px; }
.lg-nb:empty { display: none; }

/* ── Pilotage : menu à gauche, contenu à droite ── */
.lg-pilotage { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; align-items: start; }
.lg-menu { position: sticky; top: calc(var(--hauteur-nav, 65px) + 12px); display: flex; flex-direction: column; gap: 2px;
  background: var(--surface); border: 1px solid var(--surface2); border-radius: 14px; padding: 8px; }
.lg-menu .grp { font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--cyan); padding: 10px 10px 4px; }
.lg-menu a { display: flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 9px; color: var(--body); font-size: 13.5px; font-weight: 600; text-decoration: none; }
.lg-menu a.sous { padding-left: 18px; }
.lg-menu a:hover { background: rgba(255,255,255,.05); color: var(--text); }
.lg-menu a[aria-current="page"] { background: rgba(255,47,146,.16); color: var(--text); }
.lg-menu .lg-nb { margin-left: auto; }
@media (max-width: 820px) {
  .lg-pilotage { grid-template-columns: minmax(0, 1fr); }
  .lg-menu { position: static; flex-direction: row; overflow-x: auto; padding: 6px; scrollbar-width: thin; }
  .lg-menu .grp { display: none; }
  .lg-menu a, .lg-menu a.sous { padding: 7px 11px; white-space: nowrap; }
}

/* ── Blocs ── */
.lg-bloc { background: var(--surface); border: 1px solid var(--surface2); border-radius: 14px; padding: 16px; margin-bottom: 14px; }
.lg-bloc h2 { margin: 0 0 10px; font-size: 15px; }
.lg-bloc p { margin: 0 0 8px; color: var(--body); font-size: 13.5px; line-height: 1.55; }
.lg-note { color: var(--muted); font-size: 12.5px; margin: 8px 0 0; line-height: 1.5; }
.lg-tete-bloc { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.lg-tete-bloc h2 { margin: 0; }
.lg-tete-bloc .act { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.lg-bt { font: inherit; font-size: 12.5px; font-weight: 700; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06);
  color: var(--text); border-radius: 9px; padding: 7px 13px; white-space: nowrap; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.lg-bt:hover { border-color: var(--accent); color: var(--text); }
.lg-bt.plein { background: var(--accent); border-color: var(--accent); color: #fff; }
.lg-bt.petit { font-size: 11.5px; padding: 5px 10px; }
.lg-bt:disabled { opacity: .5; cursor: default; }
.lg-msg { font-size: 13px; margin: 8px 0 0; }
.lg-msg.ok { color: var(--win); }
.lg-msg.ko { color: #ff8a8a; }
.lg-vide { color: var(--muted); font-size: 13px; }

/* Frise des phases */
.lg-frise { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 6px; margin: 0 0 14px; padding: 0; }
.lg-frise li { color: var(--muted); font-size: 12px; min-width: 0; }
.lg-frise .tr { display: block; height: 5px; border-radius: 3px; background: rgba(255,255,255,.1); margin-bottom: 7px; }
.lg-frise .passee .tr { background: var(--win); }
.lg-frise .en_cours .tr { background: var(--accent); }
.lg-frise b { display: block; font-size: 12.5px; color: var(--text); }
.lg-frise .en_cours b { color: #ff8cc4; }

/* Chiffres */
.lg-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin: 0 0 14px; }
.lg-chiffres div { background: rgba(13,10,20,.45); border: 1px solid var(--surface2); border-radius: 12px; padding: 11px 13px; }
.lg-chiffres b { display: block; font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.lg-chiffres span { color: var(--muted); font-size: 12px; }
.lg-chiffres .alerte b { color: #ff8cc4; }

/* Lignes (à faire, en direct, état, équipe) */
.lg-lignes { display: flex; flex-direction: column; gap: 8px; }
.lg-ligne { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 11px; background: rgba(255,255,255,.035);
  border: 1px solid var(--line); }
.lg-ligne .ic { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; font-size: 13px;
  background: rgba(255,255,255,.08); color: var(--muted); }
.lg-ligne.urgent .ic { background: rgba(255,47,146,.2); color: #ff8cc4; }
.lg-ligne.attention .ic { background: rgba(255,225,77,.16); color: var(--yellow); }
.lg-ligne.info .ic { background: rgba(18,224,224,.16); color: var(--cyan); }
.lg-ligne.ok .ic { background: rgba(47,232,138,.16); color: var(--win); }
.lg-ligne .tx { min-width: 0; flex: 1; }
.lg-ligne .tx b { display: block; font-size: 13.5px; color: var(--text); }
.lg-ligne .tx span { display: block; font-size: 12.5px; color: var(--muted); }
.lg-ligne .lg-bt { flex: none; }
.lg-avatar { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-weight: 800;
  background: rgba(169,139,255,.18); color: #c9b8ff; font-size: 13px; }
.lg-ligne .tx b .lg-moi, .lg-moi { display: inline-block; font-size: 10.5px; font-weight: 800; padding: 1px 7px; border-radius: 999px; background: rgba(18,224,224,.14); color: var(--cyan); margin-left: 4px; }

/* Ajout d'un admin */
.lg-ajout { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 0; }
.lg-ajout input { flex: 1 1 220px; min-width: 0; box-sizing: border-box; padding: .55rem .7rem; border-radius: 9px; font: inherit; font-size: 13.5px;
  background: var(--bg); color: var(--text); border: 1px solid rgba(255,255,255,.14); }
.lg-ajout input:focus { outline: 2px solid var(--cyan); outline-offset: 1px; }

/* Confirmation dans la page (pas de confirm() du navigateur) */
.lg-confirme { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: var(--body); }

/* ══════════ Cette semaine (maquette « Ligue › Cette semaine » version 2) ══════════
   Le HTML vient de /js/ligue-page.mjs. Les cartes du jour (.jour-cartes,
   .jc) sont celles de l'accueil, stylées dans style.css : ne pas les
   restyler ici. Tout le reste est préfixé « lg- » : admin.html charge aussi
   ce fichier (mode Ligue) et a ses propres .jour, .bloc, .r... */

/* Mise en page : à gauche ce qui bouge, à droite le programme (≈ 270 px, collant). */
.lg-sem { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 16px; align-items: start; }
.lg-sem-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lg-sem-col > .lg-bloc, .lg-sem-cote > .lg-bloc, .lg-duo > .lg-bloc { margin-bottom: 0; }
.lg-sem-cote { display: flex; flex-direction: column; gap: 14px; position: sticky; top: calc(var(--hauteur-nav, 65px) + 12px); min-width: 0; }
.lg-tete-bloc .lg-plus, .lg-plus { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--cyan); white-space: nowrap; }
.lg-plus:hover { color: var(--yellow); }
.lg-lib { font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }

/* Le bloc de la semaine : compteur, barre, sept jours. */
.lg-avance { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; margin-bottom: 10px; }
.lg-avance .gros { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; }
.lg-avance > span { color: var(--muted); font-size: 12.5px; }
.lg-maj { margin-left: auto; font-size: 11.5px; color: var(--muted); display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; }
.lg-maj i { width: 7px; height: 7px; border-radius: 50%; background: var(--win); box-shadow: 0 0 0 3px rgba(47,232,138,.18); }
.lg-barre { height: 6px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; display: flex; margin-bottom: 12px; }
.lg-barre i { display: block; height: 100%; }
.lg-barre .f { background: var(--win); }
.lg-barre .d { background: #ff4d5e; }
.lg-barre .c { background: var(--cyan); }
.lg-jours { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.lg-j { border-radius: 10px; padding: 8px 4px 7px; background: rgba(255,255,255,.03); border: 1px solid var(--line); text-align: center; min-width: 0; }
.lg-j b { display: block; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-j .lettre { display: none; }
.lg-j small { display: block; font-size: 10.5px; color: var(--muted); white-space: nowrap; }
.lg-j .pts { display: flex; justify-content: center; gap: 3px; flex-wrap: wrap; margin-top: 6px; min-height: 8px; }
.lg-j .pts i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.18); }
.lg-j .pts i.f { background: var(--win); }
.lg-j .pts i.d { background: #ff4d5e; box-shadow: 0 0 0 2px rgba(255,77,94,.25); }
.lg-j .pts i.c { background: var(--cyan); box-shadow: 0 0 0 2px rgba(18,224,224,.22); }
/* Heure passée sans manche au rapport : un point creux. */
.lg-j .pts i.a { background: none; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.35); }
.lg-j.passe { opacity: .8; }
.lg-j.auj { border-color: var(--accent); background: rgba(255,47,146,.08); }
.lg-j.auj b { color: #ff8cc4; }

/* Le programme en bande (téléphone seulement). */
.lg-bandeprog { display: none; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.lg-bandeprog div { flex: none; display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,.04); border: 1px solid var(--line);
  border-radius: 9px; padding: 5px 8px; font-size: 11.5px; white-space: nowrap; }
.lg-bandeprog div.ici { border-color: rgba(255,77,94,.55); background: rgba(255,77,94,.1); }
.lg-bandeprog img { width: 15px; height: 15px; }
.lg-bandeprog i { font-style: normal; color: var(--muted); font-size: 10.5px; font-weight: 800; }

/* Ton match */
.lg-ton { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; border: 1px solid rgba(255,225,77,.45); border-radius: 14px; padding: 12px 14px;
  background: linear-gradient(90deg, rgba(255,225,77,.10), rgba(255,225,77,.02)), var(--surface); }
.lg-ton > div:first-child { min-width: 0; }
.lg-ton .t { font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--yellow); }
.lg-ton b { display: block; font-size: 15px; margin-top: 2px; overflow-wrap: anywhere; }
.lg-ton small { color: var(--muted); font-size: 12px; }
.lg-ton .act { margin-left: auto; }

/* Pastilles */
.lg-pastille { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; padding: 2px 8px;
  border-radius: 999px; white-space: nowrap; }
.lg-pastille.dir { background: #ff4d5e; color: #fff; }
.lg-pastille.dir::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.lg-pastille.cours { background: rgba(18,224,224,.16); color: var(--cyan); }
.lg-pastille.cast { background: rgba(169,139,255,.18); color: #c9b8ff; }
.lg-pastille.ton { background: rgba(255,225,77,.16); color: var(--yellow); }
.lg-pastille.m7 { background: rgba(255,47,146,.15); color: #ff8cc4; }

/* En ce moment : toute la carte est un lien vers la page du match. */
.lg-directs { display: flex; flex-direction: column; gap: 8px; }
.lg-direct { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 14px; align-items: center; border-radius: 13px; padding: 13px 14px;
  color: var(--text); text-decoration: none; border: 1px solid rgba(255,77,94,.4); background: linear-gradient(90deg, rgba(255,77,94,.13), rgba(255,77,94,.02)); }
.lg-direct.cours { border-color: rgba(18,224,224,.35); background: linear-gradient(90deg, rgba(18,224,224,.10), rgba(18,224,224,.02)); }
.lg-direct:hover { color: var(--text); border-color: rgba(255,255,255,.4); }
.lg-direct .corps { min-width: 0; }
.lg-score { display: flex; align-items: center; gap: 6px 12px; font-size: 17px; font-weight: 800; margin: 6px 0 4px; flex-wrap: wrap; }
.lg-score > span:not(.n) { min-width: 0; overflow-wrap: anywhere; }
.lg-score .n { font-variant-numeric: tabular-nums; font-size: 22px; padding: 2px 10px; border-radius: 9px; background: rgba(0,0,0,.35); white-space: nowrap; }
.lg-manche { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12.5px; color: var(--body); }
.lg-manche img.m { width: 18px; height: 18px; }
.lg-manche img.s { width: 48px; height: 27px; border-radius: 5px; object-fit: cover; vertical-align: middle; }
.lg-direct .lg-bt.regarder { background: #9146ff; border-color: #9146ff; color: #fff; }
.lg-direct:hover .lg-bt { border-color: var(--accent); }
.lg-prochain { display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: var(--body); text-decoration: none; }
.lg-prochain b { color: var(--text); font-size: 14px; }
.lg-prochain:hover b { color: var(--yellow); }

/* Résultats et à venir : des lignes */
.lg-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.lg-res { display: flex; flex-direction: column; }
.lg-r { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 4px; border-top: 1px solid var(--line);
  font-size: 13px; color: var(--text); text-decoration: none; }
a.lg-r:hover { background: rgba(255,255,255,.035); color: var(--text); border-radius: 8px; }
.lg-res > :first-child, .lg-jourtitre + .lg-r { border-top: 0; }
.lg-r .q { color: var(--muted); font-size: 11.5px; }
.lg-r .m { display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; min-width: 0; }
.lg-r .m b { font-weight: 700; overflow-wrap: anywhere; }
.lg-r .m .pe { color: var(--muted); overflow-wrap: anywhere; }
.lg-r .sc { font-variant-numeric: tabular-nums; font-weight: 800; background: rgba(0,0,0,.3); padding: 2px 8px; border-radius: 7px; white-space: nowrap; }
.lg-r .pa { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.lg-r.nouveau { background: linear-gradient(90deg, rgba(47,232,138,.12), transparent 70%); border-radius: 8px; }
.lg-jourtitre { font-size: 11.5px; font-weight: 800; color: var(--cyan); margin: 12px 0 2px; text-transform: uppercase; letter-spacing: .06em; }
.lg-jourtitre:first-child { margin-top: 0; }

/* Joueurs de la semaine */
.lg-joueurs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.lg-jx { background: rgba(13,10,20,.45); border: 1px solid var(--surface2); border-radius: 12px; padding: 11px 12px; display: flex; flex-direction: column; gap: 3px;
  min-width: 0; color: var(--text); text-decoration: none; }
a.lg-jx:hover { border-color: rgba(255,255,255,.28); color: var(--text); }
.lg-jx .crit { font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--cyan); }
.lg-jx .qui { display: flex; align-items: center; gap: 8px; margin-top: 4px; min-width: 0; }
.lg-jx .qui > div { min-width: 0; }
.lg-jx .av { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 12px;
  background: rgba(169,139,255,.18); color: #c9b8ff; }
.lg-jx b { font-size: 13.5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-jx small { font-size: 11.5px; color: var(--muted); display: block; }
.lg-jx .qui small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-jx .val { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; margin-top: 4px; }
.lg-jx .val span { font-size: 12px; color: var(--muted); font-weight: 700; margin-left: 3px; }

/* La semaine en chiffres : deux tuiles */
.lg-chiffres.deux { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.lg-chiffres.deux b { font-size: 20px; }

/* Colonne de droite : le programme en petit */
.lg-prog h2 { font-size: 13px; margin-bottom: 2px; }
.lg-prog .sous { font-size: 11.5px; color: var(--muted); margin-bottom: 8px; }
.lg-pm { display: grid; grid-template-columns: 16px 16px minmax(0, 1fr) 44px; gap: 8px; align-items: center; padding: 5px 0; border-top: 1px solid var(--line); }
.lg-prog .sous + .lg-pm { border-top: 0; }
.lg-pm .no { font-size: 10.5px; color: var(--muted); font-weight: 800; text-align: center; font-variant-numeric: tabular-nums; }
.lg-pm img.m { width: 16px; height: 16px; }
.lg-pm > div { min-width: 0; }
.lg-pm b { display: block; font-size: 12px; line-height: 1.25; }
.lg-pm small { display: block; font-size: 11px; color: var(--muted); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-pm img.s { width: 44px; height: 25px; border-radius: 4px; object-fit: cover; opacity: .9; }
.lg-pm.ici { background: rgba(255,77,94,.08); border-radius: 7px; margin: 0 -6px; padding: 5px 6px; border-top-color: transparent; }
.lg-pm.ici .no { color: #ff4d5e; }
.lg-suivante { font-size: 12px; color: var(--body); line-height: 1.5; margin: 6px 0 0 !important; }
.lg-suivante b { color: var(--text); }
.lg-petitsliens { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
.lg-petitsliens a { color: var(--body); font-size: 12.5px; font-weight: 600; padding: 5px 0; text-decoration: none; display: flex; justify-content: space-between; }
.lg-petitsliens a::after { content: "↗"; color: var(--muted); }
.lg-petitsliens a:hover { color: var(--text); }
/* Un onglet de la page (Tous les matchs) : pas de flèche « autre page ». */
.lg-petitsliens a.int::after { content: "›"; }

@media (max-width: 1000px) {
  .lg-joueurs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Tablette et téléphone : une seule colonne ; le programme passe en bande sous la semaine. */
@media (max-width: 900px) {
  .lg-sem { grid-template-columns: minmax(0, 1fr); }
  .lg-sem-cote { position: static; }
  .lg-sem-cote .lg-prog { display: none; }
  .lg-bandeprog { display: flex; }
  .lg-duo { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .lg-avance .gros { font-size: 22px; }
  .lg-jours { gap: 3px; }
  .lg-j { padding: 6px 2px; }
  .lg-j small { display: none; }
  .lg-j .long { display: none; }
  .lg-j .lettre { display: inline; }
  .lg-direct { grid-template-columns: minmax(0, 1fr); }
  .lg-direct .act { justify-self: start; }
  .lg-score { font-size: 15px; }
  .lg-manche .carte { display: none; }
  .lg-ton .act { margin-left: 0; }
  .lg-r { grid-template-columns: 58px minmax(0, 1fr) auto; gap: 8px; }
  /* Derniers résultats : 2 sur téléphone. */
  .lg-r.large { display: none; }
}

/* Administration en mode Ligue : la mise en page d'admin.html cède la place */
html[data-espace="ligue"] .page > .page-title,
html[data-espace="ligue"] .page > .subtitle,
html[data-espace="ligue"] .page > .onglets,
html[data-espace="ligue"] .lg-cache-en-ligue { display: none !important; }
html[data-espace="ligue"] .lg-pilotage .panneau .sous-onglets { display: none; }

/* ── Les pages de la Ligue hors de ligue.html (11 octobre 2026, ligue-cadre.mjs) :
   Équipes, Joueurs, Statistiques gardent leur contenu sous l'en-tête et les onglets ;
   les fiches ont un fil d'Ariane. ── */
#lg-cadre:empty { display: none; }
.lg-fil { font-size: 13px; color: var(--muted); margin: 0 0 12px; }
.lg-fil a { color: var(--cyan); text-decoration: none; font-weight: 700; }
.lg-fil a:hover { color: var(--yellow); }
.lg-fil span { color: var(--body); }