/* ════════════════════════════════════════════════════════════
   FootBleu — Accueil premium UNIFIÉ (Light + Dark, un seul template).
   Un SEUL jeu de composants .hml-* ; SEULE la palette change selon le thème
   (variables --l* / --gold-* redéfinies sous [data-theme="dark"]).
   Plus de page d'accueil dupliquée. Chargé uniquement sur l'accueil.
   Rollback : réinstaller le ZIP précédent.
   ════════════════════════════════════════════════════════════ */

/* ── Un seul accueil, rendu dans les DEUX thèmes ── */
.hm-home{display:block}

/* ── Palette LIGHT (par défaut) ── */
.hm-home{
  --lbg:#F5F7FA;
  --lcard:#ffffff; --lcard2:#fbfcff; --lline:#e9edf3;
  --link:#0f1b2e; --link2:#59677d; --link3:#95a2b4;
  --lblue:#1e6bff; --lbluesoft:rgba(30,107,255,.10);
  --lred:#ec2b2b; --lredsoft:#ffe9e9;
  --lchip:#eef2f8; --ldot:#cfd6e2; --lactive:#f7f9fc;
  --lshadow:0 12px 30px -16px rgba(20,40,80,.32); --lshadow-sm:0 6px 18px -10px rgba(20,40,80,.22);
  --lr:20px;
  /* Grande finale — accents dorés (Light) */
  --gold-bg:linear-gradient(135deg,#fff8e3,#ffedc4 48%,#ffe0a2);
  --gold-border:#f0d488; --gold-shadow:0 16px 40px -20px rgba(184,134,11,.55);
  --gold-comp:#7a5c12; --gold-team:#3a2a00; --gold-score:#9a1c1c;
  --gold-vs:#b8860b; --gold-when:#7a5c12; --gold-foot:#8a6400;
  --gold-line:rgba(184,134,11,.22); --gold-glow:rgba(255,213,110,.55);
  max-width:600px;margin:0 auto;color:var(--link);
}

/* ── Palette DARK (premium — même structure, sombre élégant, accents dorés) ── */
[data-theme="dark"] .hm-home{
  --lbg:#07101e;
  --lcard:#13233a; --lcard2:#172a45; --lline:rgba(255,255,255,.08);
  --link:#eef2f7; --link2:#9eb3c8; --link3:#6f8399;
  --lblue:#5b9bff; --lbluesoft:rgba(91,155,255,.15);
  --lred:#ff5f5f; --lredsoft:rgba(255,95,95,.15);
  --lchip:rgba(255,255,255,.06); --ldot:#33455f; --lactive:rgba(255,255,255,.045);
  --lshadow:0 18px 42px -22px rgba(0,0,0,.66); --lshadow-sm:0 8px 20px -12px rgba(0,0,0,.55);
  /* Grande finale — fond sombre + accents dorés, lisible, sans agressivité */
  --gold-bg:linear-gradient(135deg,#17140d,#1e1a10 48%,#241d10);
  --gold-border:rgba(212,175,55,.38); --gold-shadow:0 20px 48px -24px rgba(0,0,0,.75);
  --gold-comp:#e6c979; --gold-team:#f6eccf; --gold-score:#ff8080;
  --gold-vs:#e8c766; --gold-when:#dcc584; --gold-foot:#e0c983;
  --gold-line:rgba(212,175,55,.22); --gold-glow:rgba(212,175,55,.16);
}

/* ── Fond de page selon le thème (accueil) ── */
[data-theme="light"] body{background:#F5F7FA}
[data-theme="dark"]  body{background:#07101e}

.hm-home *{box-sizing:border-box}
.hml-sec{padding:16px}
.hml-sec--tight{padding-top:6px;padding-bottom:6px}
.hml-sec--live{padding-top:12px;padding-bottom:4px} /* espace réduit sous le header */
/* Explorer FootBleu : titre rapproché de ses icônes + section remontée
   (moins de vide entre le bandeau LIVE et les cartes). */
.hml-sec--explorer{padding-top:2px;padding-bottom:4px}
.hml-h2--explorer{margin:0 2px 9px;font-size:21px}
.hml-h2{font-size:23px;font-weight:900;margin:6px 2px 12px;letter-spacing:-.3px;color:var(--link)}
.hml-chev{color:var(--link3);font-size:22px;flex:0 0 auto}
.hml-clogo{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.hm-home img{display:inline-block;vertical-align:middle}
.hm-home .team-ph{border-radius:50%}

/* ── Bandeau LIVE supérieur : carrousel auto (toutes les rencontres) + flèches ── */
.hml-livewrap{position:relative}
.hml-livewrap.is-carousel{display:flex;align-items:center;gap:4px}
.hml-livetrack{flex:1;min-width:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.hml-livetrack::-webkit-scrollbar{display:none}
.hml-liveslide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;gap:9px;background:var(--lcard);border:1px solid var(--lline);border-radius:var(--lr);box-shadow:var(--lshadow);padding:14px 16px;text-decoration:none;color:var(--link)}
.hml-slide__comp{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10.5px;color:var(--link3);font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.hml-live-dot{width:7px;height:7px;border-radius:50%;background:var(--lred);box-shadow:0 0 0 3px rgba(236,43,43,.16);flex:0 0 auto}
.hml-livearrow{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:0;background:var(--lcard);box-shadow:var(--lshadow-sm);color:var(--link);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hml-livearrow:active{transform:scale(.92)}
.hml-livedots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.hml-livedot{width:6px;height:6px;border-radius:50%;background:var(--ldot);transition:background .2s ease,width .2s ease}
.hml-livedot.is-on{background:var(--lblue);width:16px;border-radius:99px}
.hml-livebar__pill{background:var(--lred);color:#fff;font-weight:800;font-size:11px;letter-spacing:.04em;padding:7px 11px;border-radius:9px;flex:0 0 auto;box-shadow:0 6px 14px -6px rgba(236,43,43,.6)}
.hml-livebar__mid{flex:1;min-width:0;text-align:center}
.hml-livebar__comp{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;color:var(--link3);font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px}
.hml-livebar__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.hml-team{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;white-space:nowrap;min-width:0}
.hml-team b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-team--h{justify-content:flex-end}
.hml-team img,.hml-team .team-ph{flex:0 0 auto;object-fit:contain}
.hml-livebar__sc{color:var(--lred);font-weight:900;font-size:24px;white-space:nowrap;line-height:1}
.hml-livebar__sc small{display:block;font-size:11.5px;font-weight:800;margin-top:3px}

/* ── Explorer FootBleu : plus grandes, dégradé, effet tactile ── */
.hml-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hml-hub__c{background:linear-gradient(180deg,var(--lcard),var(--lcard2));border:1px solid var(--lline);border-radius:18px;box-shadow:var(--lshadow-sm);padding:18px 6px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.hml-hub__c:active{transform:scale(.95)}
.hml-hub__c:hover{box-shadow:var(--lshadow)}
.hml-hub__ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:33px;line-height:1;border-radius:15px;background:linear-gradient(160deg,var(--lbluesoft),transparent)}
.hml-hub__t{font-size:12.5px;font-weight:800;line-height:1.15;color:var(--link)}
.hml-hub__l{font-size:11.5px;font-weight:800;color:var(--lblue)}

/* ── Blocs liste (EN DIRECT / À VENIR) ── */
.hml-block{background:var(--lcard);border:1px solid var(--lline);border-radius:var(--lr);box-shadow:var(--lshadow);overflow:hidden}
.hml-block__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 16px 12px}
.hml-block__title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;color:var(--link);min-width:0}
.hml-dot{width:11px;height:11px;border-radius:50%;background:var(--lblue);box-shadow:0 0 0 4px rgba(30,107,255,.14);flex:0 0 auto}
.hml-hicon{width:22px;height:22px;color:var(--link2);flex:0 0 auto}
.hml-count{background:var(--lred);color:#fff;font-size:12px;font-weight:800;min-width:24px;height:22px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex:0 0 auto}
.hml-seeall{color:var(--lblue);font-weight:800;font-size:13.5px;white-space:nowrap;flex:0 0 auto;text-decoration:none}

/* live match row */
.hml-mrow{display:block;padding:13px 16px;border-top:1px solid var(--lline);text-decoration:none;color:var(--link);transition:background .15s}
.hml-mrow:first-of-type{border-top:0}
.hml-mrow:active{background:var(--lactive)}
.hml-mrow__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.hml-mrow__comp{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;color:var(--link2);text-transform:uppercase;letter-spacing:.02em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-mrow__min{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.hml-minv{color:var(--lred);background:var(--lredsoft);font-weight:800;font-size:12px;padding:2px 9px;border-radius:8px}
.hml-play{width:23px;height:23px;border-radius:50%;background:var(--lblue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;box-shadow:0 5px 12px -5px rgba(30,107,255,.7)}
.hml-mrow__g{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 12px;align-items:center;gap:10px}
.hml-mrow__t{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;min-width:0}
.hml-mrow__t--a{justify-content:flex-end;text-align:right}
.hml-mrow__t img,.hml-mrow__t .team-ph{flex:0 0 auto;object-fit:contain}
.hml-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hml-scpill{background:var(--lredsoft);color:var(--lred);font-weight:900;font-size:16px;padding:6px 13px;border-radius:12px;white-space:nowrap}
.hml-block__foot{text-align:center;padding:14px;border-top:1px solid var(--lline)}
.hml-block__foot a{color:var(--lblue);font-weight:800;font-size:14px;text-decoration:none}

/* upcoming row */
.hml-urow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:26px 16px 13px;border-top:1px solid var(--lline);position:relative;text-decoration:none;color:var(--link);transition:background .15s}
.hml-urow:first-of-type{border-top:0}
.hml-urow:active{background:var(--lactive)}
.hml-urow__comp{position:absolute;top:9px;left:16px;font-size:11px;font-weight:800;color:var(--link2);display:flex;align-items:center;gap:6px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-urow__side{display:flex;align-items:center;gap:9px;min-width:0}
.hml-urow__side--a{justify-content:flex-end;text-align:right}
.hml-urow__side b{font-weight:800;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-urow__side img,.hml-urow__side .team-ph{flex:0 0 auto;object-fit:contain}
.hml-urow__mid{text-align:center;flex:0 0 auto}
.hml-urow__time{color:var(--lblue);font-weight:900;font-size:16px;display:block}
.hml-urow__day{color:var(--link3);font-size:11px;font-weight:700}

/* ── Onglets sports (partagé) : accord Light + micro-animations ── */
[data-theme="light"] .sports-nav{background:#fff;border-bottom:1px solid #e9edf3}
.sports-nav__item{transition:color .22s ease}
.sports-nav__icon{transition:transform .25s ease;display:inline-block}
[data-theme="light"] .sports-nav__item.is-active{color:#0f1b2e}
.sports-nav__item.is-active .sports-nav__icon{transform:scale(1.08)}
.sports-nav__item:active .sports-nav__icon{transform:scale(.86)}

/* ── Header premium (accueil) : logo mis en valeur ── */
[data-theme="light"] .site-header{border-bottom:1px solid rgba(20,40,80,.06)}
/* Étoile favoris retirée du haut dans les deux thèmes (Favoris reste en barre du bas) */
#fbl-fav-btn{display:none}

/* ── Desktop ── */
@media(min-width:640px){ .hml-h2{font-size:24px} }

/* ── Titre de section compact ── */
.hml-h2--sm{font-size:18px;margin-bottom:10px}

/* ── Compétitions populaires : bande défilable + flèches (comme le LIVE) ── */
.hml-compscar{position:relative}
.hml-compscar.is-carousel{display:flex;align-items:center;gap:3px}
.hml-compscar .hml-comps{flex:1;min-width:0}
.hml-comps{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 8px;margin:0 -2px}
.hml-comps::-webkit-scrollbar{display:none}
.hml-comp{flex:0 0 auto;width:106px;scroll-snap-align:start;background:linear-gradient(180deg,var(--lcard),var(--lcard2));border:1px solid var(--lline);border-radius:16px;box-shadow:var(--lshadow-sm);padding:15px 10px 13px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.hml-comp:active{transform:scale(.95)}
.hml-comp:hover{box-shadow:var(--lshadow)}
.hml-comp__logo{width:46px;height:46px;display:flex;align-items:center;justify-content:center}
.hml-comp__logo img{max-width:46px;max-height:46px;width:auto;height:auto;object-fit:contain}
.hml-comp__name{font-size:11.5px;font-weight:800;color:var(--link);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hml-comp__country{font-size:10px;font-weight:700;color:var(--link3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* ── Actualité premium (OneFootball/ESPN) ── */
.hml-na{display:block;background:var(--lcard);border:1px solid var(--lline);border-radius:var(--lr);overflow:hidden;box-shadow:var(--lshadow);text-decoration:none;color:var(--link);transition:transform .16s ease,box-shadow .16s ease}
.hml-na:active{transform:scale(.99)}
.hml-na:hover{box-shadow:var(--lshadow)}
.hml-na__imgwrap{position:relative;display:block;height:190px;background:linear-gradient(135deg,#12233f,#1c3a63);overflow:hidden}
.hml-na__img{width:100%;height:100%;object-fit:cover;display:block}
.hml-na__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.45}
.hml-na__cat{position:absolute;top:12px;left:12px;background:var(--lblue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:5px 11px;border-radius:8px;box-shadow:0 6px 14px -6px rgba(30,107,255,.7)}
.hml-na__body{padding:14px 16px 15px}
.hml-na__title{font-size:17px;font-weight:900;line-height:1.3;color:var(--link);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hml-na__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.hml-na__time{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--link3)}
.hml-na__btn{background:var(--lbluesoft);color:var(--lblue);font-size:12.5px;font-weight:800;padding:7px 13px;border-radius:10px;white-space:nowrap}

/* ══════════════════════════════════════════════════════════════
   Classement · Buteurs · Passeurs — 5 grands championnats
   Carrousels « carte émergente » (carte suivante qui dépasse), flèches, points.
   ══════════════════════════════════════════════════════════════ */
.hml-lg__head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:10px}
.hml-lg__head .hml-h2--sm{margin-bottom:0}

.hml-lgcar{position:relative}
.hml-lgcar.is-carousel{display:flex;align-items:center;gap:3px}
.hml-lgtrack{flex:1;min-width:0;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 4px}
.hml-lgtrack::-webkit-scrollbar{display:none}
.hml-lgcard{flex:0 0 90%;scroll-snap-align:center;background:var(--lcard);border:1px solid var(--lline);border-radius:var(--lr);box-shadow:var(--lshadow);overflow:hidden}
.hml-lgcar:not(.is-carousel) .hml-lgcard{flex-basis:100%}
.hml-lgcard__head{display:flex;align-items:center;gap:9px;padding:14px 15px 11px;border-bottom:1px solid var(--lline);text-decoration:none}
.hml-lgcard__head img{width:22px;height:22px;object-fit:contain;flex:0 0 auto}
.hml-lgcard__head b{font-size:15px;font-weight:900;color:var(--link);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-lgcard__season{flex:0 0 auto;font-size:10.5px;font-weight:800;color:var(--link2);background:var(--lchip);padding:2px 7px;border-radius:7px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.hml-lgcard__more{margin-left:auto;font-size:22px;line-height:1;font-weight:800;color:var(--link3);white-space:nowrap;flex:0 0 auto;padding-left:8px}

/* Flèches en flanc (mêmes principes que le bandeau LIVE — aucun chevauchement). */
.hml-lgarrow{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:0;background:var(--lcard);box-shadow:var(--lshadow-sm);color:var(--link);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hml-lgarrow:active{transform:scale(.9)}

.hml-lgdots{display:flex;justify-content:center;gap:6px;margin-top:11px}
.hml-lgdot{width:6px;height:6px;border-radius:50%;background:var(--ldot);transition:background .2s ease,width .2s ease}
.hml-lgdot.is-on{background:var(--lblue);width:16px;border-radius:99px}

/* Classement — lignes compactes (Pos · Équipe · J · +/- · Pts). */
.hml-strow{display:grid;grid-template-columns:26px minmax(0,1fr) 26px 34px 32px;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--lline);text-decoration:none;color:var(--link);font-size:13px}
.hml-strow:first-child{border-top:0}
.hml-strow--head{padding:8px 14px;font-size:10px;font-weight:800;color:var(--link3);text-transform:uppercase;letter-spacing:.03em;background:var(--lchip)}
.hml-strow--head span{text-align:center}
.hml-strow--head span:nth-child(2){text-align:left}
.hml-strk{font-weight:800;color:var(--link2);text-align:center}
.hml-strow.is-first .hml-strk{color:#fff;background:var(--lblue);border-radius:7px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:12px}
.hml-stteam{display:flex;align-items:center;gap:8px;min-width:0}
.hml-stteam img,.hml-stph{width:20px;height:20px;flex:0 0 auto;object-fit:contain}
.hml-stph{border-radius:50%;background:var(--lchip)}
.hml-stteam b{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-stn{text-align:center;color:var(--link2);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.hml-stpts{text-align:center;font-weight:900;color:var(--link);font-size:14px;font-variant-numeric:tabular-nums}

/* Buteurs / Passeurs — lignes joueur (rang · photo · nom/équipe · valeur). */
.hml-plrow{display:grid;grid-template-columns:22px 28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--lline);text-decoration:none;color:var(--link)}
.hml-plrow:first-child{border-top:0}
.hml-plrk{font-weight:800;color:var(--link2);text-align:center;font-size:13px}
.hml-plrow.is-first .hml-plrk{color:var(--lblue)}
.hml-plph{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--lchip)}
.hml-plph--e{display:flex;align-items:center;justify-content:center;font-size:14px}
.hml-plbody{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.hml-plbody b{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-plbody em{font-style:normal;font-size:11px;color:var(--link3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-plval{font-weight:900;font-size:16px;color:var(--lblue);flex:0 0 auto;font-variant-numeric:tabular-nums}

/* ── Bouton « remonter en haut » (accueil) ── */
.hml-toplink{position:fixed;right:16px;bottom:78px;z-index:60;width:42px;height:42px;border-radius:50%;border:0;background:var(--lblue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(30,107,255,.75);cursor:pointer;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .2s ease,transform .2s ease}
.hml-toplink.is-on{opacity:1;transform:translateY(0) scale(1)}
.hml-toplink:active{transform:scale(.9)}

/* Desktop : cartes moins larges pour révéler davantage la carte suivante. */
@media(min-width:640px){ .hml-lgcard{flex-basis:70%} .hml-toplink{bottom:24px} }

/* ══════════════════════════════════════════════════════════════
   BADGES ÉDITORIAUX (rivalités · phases · statut) — cumulables proprement.
   Couleurs par type : finale = doré · clásico = violet · derby = rouge ·
   classique/affiche = bleu profond · phase = neutre · statut = discret.
   Les puces vives fonctionnent sur fond clair ET sombre ; les puces neutres
   (round/done/upcoming) suivent la palette du thème.
   ══════════════════════════════════════════════════════════════ */
.fbl-badges{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;flex:0 0 auto}
.fbl-badge{display:inline-flex;align-items:center;font-size:9.5px;font-weight:900;letter-spacing:.04em;line-height:1;padding:3px 7px;border-radius:6px;text-transform:uppercase;white-space:nowrap}
.fbl-badge--gold{background:linear-gradient(135deg,#f8d774,#c8971d);color:#3a2a00;box-shadow:0 3px 9px -3px rgba(184,134,11,.55)}
.fbl-badge--clasico{background:linear-gradient(135deg,#7c3aed,#4c1d95);color:#fff}
.fbl-badge--derby{background:linear-gradient(135deg,#e11d48,#9f1239);color:#fff}
.fbl-badge--classique{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff}
.fbl-badge--affiche{background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff}
.fbl-badge--round{background:var(--lchip);color:var(--link2);border:1px solid var(--lline)}
.fbl-badge--live{background:var(--lred);color:#fff}
.fbl-badge--upcoming{background:var(--lbluesoft);color:var(--lblue)}
.fbl-badge--done{background:var(--lchip);color:var(--link3)}

/* ══════════════════════════════════════════════════════════════
   GRANDE AFFICHE DORÉE — finale majeure (Live ou à venir), sous Explorer.
   Premium dans les deux thèmes : Light = or clair · Dark = fond sombre + or.
   ══════════════════════════════════════════════════════════════ */
.hml-gold{position:relative;display:block;overflow:hidden;border-radius:var(--lr);padding:15px 16px 13px;background:var(--gold-bg);border:1px solid var(--gold-border);box-shadow:var(--gold-shadow);text-decoration:none;color:var(--gold-team)}
.hml-gold:active{transform:scale(.995)}
.hml-gold__glow{position:absolute;top:-45%;right:-12%;width:230px;height:230px;background:radial-gradient(circle,var(--gold-glow),transparent 70%);pointer-events:none}
.hml-gold__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.hml-gold__badges{display:inline-flex}
.hml-gold__comp{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--gold-comp);text-transform:uppercase;letter-spacing:.02em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hml-gold__comp img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.hml-gold__match{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px}
.hml-gold__team{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.hml-gold__team img,.hml-gold__team .team-ph{flex:0 0 auto;object-fit:contain}
.hml-gold__team b{font-size:14px;font-weight:900;color:var(--gold-team);text-align:center;line-height:1.2;white-space:normal;max-width:100%}
.hml-gold__mid{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;padding-top:8px}
.hml-gold__score{font-size:30px;font-weight:900;color:var(--gold-score);line-height:1;font-variant-numeric:tabular-nums}
.hml-gold__vs{font-size:19px;font-weight:900;color:var(--gold-vs);line-height:1;letter-spacing:.06em}
.hml-gold__when{font-size:11px;font-weight:800;color:var(--gold-when);white-space:nowrap}
.hml-gold__foot{position:relative;display:block;margin-top:13px;padding-top:11px;border-top:1px solid var(--gold-line);text-align:center;font-size:12px;font-weight:800;color:var(--gold-foot)}