/* =========================================================
   TALENT D'OR FC — Icônes SVG
   Sprite injecté par js/icons.js, référencé par
   <svg class="ico"><use href="#i-nom"></use></svg>

   Les icônes sont en trait et héritent de la couleur du texte,
   donc elles s'adaptent à leur contexte (clair, sombre, or…).
   ========================================================= */

.ico {
  width: 1.15em; height: 1.15em;
  flex: 0 0 auto;
  display: inline-block; vertical-align: -.18em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
/* Quelques icônes sont pleines par nature (logos de marque) */
.ico--solid { fill: currentColor; stroke: none; }

/* Tailles */
.ico--sm { width: 1em; height: 1em; }
.ico--lg { width: 1.5em; height: 1.5em; }
.ico--xl { width: 2rem; height: 2rem; stroke-width: 1.6; }

/* ---------------- Contextes ---------------- */

/* Topbar : petites icônes alignées au texte */
.topbar__info .ico { width: 15px; height: 15px; color: var(--gold); }

/* Pied de page : liste de contact */
.v2foot li .ico { width: 15px; height: 15px; color: var(--gold); margin-right: 8px; }
.v2foot__soc .ico { width: 17px; height: 17px; }

/* Réseaux du pied V1 (galerie / actualités) */
.footer__social .ico { width: 17px; height: 17px; }

/* Menus déroulants : l'icône remplace le « U11 » des catégories */
.nav-drop__menu a b .ico { width: 18px; height: 18px; }

/* Étiquette de hero */
.v2tag .ico { width: 15px; height: 15px; }

/* Cartes de contact */
.v2ci__ic .ico { width: 26px; height: 26px; color: var(--gold-dark); }
.v2join__info .ico { width: 18px; height: 18px; color: var(--gold); margin-top: 3px; }

/* Fiches catégorie */
.cat-chip .ico { width: 15px; height: 15px; color: var(--gold); }
.cat-todo .ico { color: var(--gold-dark); margin-top: 1px; }
.cat-empty__ic .ico { width: 34px; height: 34px; stroke-width: 1.5; color: var(--muted); }
.eff-card__ghost .ico { width: 46px; height: 46px; stroke-width: 1.4; }
.staff-card__av .ico { width: 26px; height: 26px; color: var(--navy); }

/* Club */
.club-fact__ic .ico { width: 20px; height: 20px; color: var(--gold-dark); }
.club-value__ic .ico { width: 22px; height: 22px; }

/* Écarte l'icône du texte quand elle précède un libellé */
.topbar__info span .ico,
.v2foot li .ico { vertical-align: -.2em; }