/*
 * Logos d'équipe : choisir la variante selon la surface, pas selon la page.
 *
 * Quatre crests sont dessinés en bleu marine plein, sans contour clair :
 * Edmonton, Tampa Bay, Toronto et Washington. La LNH publie pour chacun une
 * seconde version, tracée en blanc, prévue pour les fonds sombres ; elle vit
 * dans teams/dark/, recadrée sur le même cadrage que les PNG de teams/ pour
 * qu'aucune règle de dimension existante ne soit à revoir.
 *
 * La règle est donc celle de la surface qui porte le logo, et non celle du
 * thème :
 *   - posé à même la page en thème sombre  -> variante blanche ;
 *   - posé sur une pastille claire         -> PNG d'origine.
 *
 * Cette pastille claire est un parti pris déjà en place et assumé ailleurs
 * dans le projet (voir --fzd-logo-bg dans draftActif-premium.css) : un jeton
 * blanc qui ne bascule pas avec le thème, parce que les crests à dominante
 * noire — Los Angeles, Vegas, Pittsburgh, Boston — ont besoin d'un fond clair.
 * Elle reste la bonne réponse pour les 28 autres équipes ; seules ces
 * quatre-là avaient besoin d'une image différente sur fond sombre.
 *
 * Ces logos sont écrits en dur dans une trentaine d'`<img src="teams/XX.png">`
 * répartis sur autant de fichiers, dont certains minifiés. Plutôt que de
 * reprendre chaque appel, la substitution se fait ici, au rendu : `content`
 * remplace l'image affichée sans toucher à l'attribut `src`, donc les
 * gestionnaires `onerror` et le code qui relit `src` continuent de fonctionner,
 * y compris sur le contenu inséré après coup.
 */

/* ─── 1. Défaut : à même la page ───────────────────────────────────────────
   Le sombre est l'état par défaut, comme le :root d'index.css. */
img[src$="teams/EDM.png"] { content: url("teams/dark/EDM.svg"); }
img[src$="teams/TBL.png"] { content: url("teams/dark/TBL.svg"); }
img[src$="teams/TOR.png"] { content: url("teams/dark/TOR.svg"); }
img[src$="teams/WSH.png"] { content: url("teams/dark/WSH.svg"); }

html[data-theme="light"] img[src$="teams/EDM.png"],
html[data-theme="light"] img[src$="teams/TBL.png"],
html[data-theme="light"] img[src$="teams/TOR.png"],
html[data-theme="light"] img[src$="teams/WSH.png"] { content: normal; }

/* ─── 2. Pastilles claires ─────────────────────────────────────────────────
   Surfaces blanches ou crème dans les deux thèmes : le PNG d'origine y reste
   le bon choix. `img.logo` est le badge rond collé à la vignette du joueur
   (tableaux de stats, classement, repêchage) ; les trois autres sélecteurs
   sont des pastilles du repêchage qui enveloppent l'image.

   Une nouvelle pastille claire se déclare ici. */
img.logo[src*="teams/"],
.pick-card-logo-chip img[src*="teams/"],
.pick-confirm-logo img[src*="teams/"],
.turn-banner-logo img[src*="teams/"] { content: normal; }

/* ─── 3. Surfaces sombres en toutes circonstances ──────────────────────────
   Le bandeau de la fiche de carrière reste sur la couleur sombre du club même
   quand la page passe au blanc : il garde donc les variantes claires dans les
   deux thèmes. Le reste de la fiche suit le thème, comme la page. */
html[data-theme="light"] #careerStatsModal .cmh-name-banner img[src$="teams/EDM.png"] { content: url("teams/dark/EDM.svg"); }
html[data-theme="light"] #careerStatsModal .cmh-name-banner img[src$="teams/TBL.png"] { content: url("teams/dark/TBL.svg"); }
html[data-theme="light"] #careerStatsModal .cmh-name-banner img[src$="teams/TOR.png"] { content: url("teams/dark/TOR.svg"); }
html[data-theme="light"] #careerStatsModal .cmh-name-banner img[src$="teams/WSH.png"] { content: url("teams/dark/WSH.svg"); }

/* Le tableau indicateur d’un match en direct (accueil) garde lui aussi son
   fond noir en thème clair : voir .stories-card.is-live dans accueil.css. */
html[data-theme="light"] .sl-live img[src$="teams/EDM.png"] { content: url("teams/dark/EDM.svg"); }
html[data-theme="light"] .sl-live img[src$="teams/TBL.png"] { content: url("teams/dark/TBL.svg"); }
html[data-theme="light"] .sl-live img[src$="teams/TOR.png"] { content: url("teams/dark/TOR.svg"); }
html[data-theme="light"] .sl-live img[src$="teams/WSH.png"] { content: url("teams/dark/WSH.svg"); }

/* ─── 4. Photos de joueurs sur la couleur de leur club ─────────────────────
   Les photos officielles de la LNH sont détourées : derrière le joueur, on
   pose la couleur principale de SON club (--fz-shot-team, tirée de
   teamColors.js par le script qui dessine la photo), éclairée en haut et
   assombrie en bas. Une seule recette pour l'onglet Alignements, les buts de
   l'accueil, les Meneurs et la salle de repêchage. Sans club connu, le gris
   ardoise du repli de teamColors.js. */
.fz-shot {
  background-color: var(--fz-shot-team, #3A414D);
  background-image: linear-gradient(160deg, rgba(255,255,255,.12), rgba(0,0,0,.28));
}