/* ============================================================================
   WOW CLASS COLORS & ICONS
   Couleurs officielles des classes WoW + icônes SVG
   ============================================================================ */

:root {
  /* Couleurs officielles des classes WoW */
  --class-warrior: #C79C6E;
  --class-paladin: #F58CBA;
  --class-hunter: #ABD473;
  --class-rogue: #FFF569;
  --class-priest: #FFFFFF;
  --class-death-knight: #C41F3B;
  --class-shaman: #0070DE;
  --class-mage: #40C7EB;
  --class-warlock: #8787ED;
  --class-monk: #00FF96;
  --class-druid: #FF7D0A;
  --class-demon-hunter: #A335EE;
  --class-evoker: #33937F;

  /* Couleurs de rôles */
  --role-tank: #3b82f6;
  --role-heal: #10b981;
  --role-dps: #ef4444;
}

/* ============================================================================
   COULEURS DE NOMS PAR CLASSE
   ============================================================================ */
.class-warrior { color: var(--class-warrior) !important; }
.class-paladin { color: var(--class-paladin) !important; }
.class-hunter { color: var(--class-hunter) !important; }
.class-rogue { color: var(--class-rogue) !important; }
.class-priest { color: var(--class-priest) !important; }
.class-death-knight { color: var(--class-death-knight) !important; }
.class-shaman { color: var(--class-shaman) !important; }
.class-mage { color: var(--class-mage) !important; }
.class-warlock { color: var(--class-warlock) !important; }
.class-monk { color: var(--class-monk) !important; }
.class-druid { color: var(--class-druid) !important; }
.class-demon-hunter { color: var(--class-demon-hunter) !important; }
.class-evoker { color: var(--class-evoker) !important; }

/* Classes françaises */
.class-guerrier { color: var(--class-warrior) !important; }
.class-chasseur { color: var(--class-hunter) !important; }
.class-voleur { color: var(--class-rogue) !important; }
.class-pretre,.class-prêtre { color: var(--class-priest) !important; }
.class-chevalier-de-la-mort { color: var(--class-death-knight) !important; }
.class-chaman { color: var(--class-shaman) !important; }
.class-demoniste,.class-démoniste { color: var(--class-warlock) !important; }
.class-moine { color: var(--class-monk) !important; }
.class-druide { color: var(--class-druid) !important; }
.class-chasseur-de-demons,.class-chasseur-de-démons { color: var(--class-demon-hunter) !important; }
.class-evocateur,.class-évocateur { color: var(--class-evoker) !important; }

/* ============================================================================
   ICÔNES DE CLASSE ET RÔLE
   Les vraies icônes officielles WoW sont chargées depuis wow-icons.css
   Ce fichier garde uniquement les couleurs de classe
   ============================================================================ */

/* ============================================================================
   STYLES DE TABLEAU ROSTER AMÉLIORÉS
   ============================================================================ */
.roster-row {
  transition: all 0.2s ease;
}

.roster-row:hover {
  background-color: rgba(99, 102, 241, 0.15) !important;
  transform: translateX(2px);
}

.roster-name {
  font-weight: 700;
  font-size: 1.05rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  gap: 10px;
}

.roster-class-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.roster-role-cell {
  display: flex;
  align-items: center;
}

.realm-badge {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(99, 102, 241, 0.2);
  border: 1px solid rgba(99, 102, 241, 0.4);
  border-radius: 4px;
  font-size: 0.75rem;
  color: var(--muted-text);
  margin-left: 6px;
  vertical-align: middle;
}

/* Niveau et ilvl */
.level-badge {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 4px;
  font-size: 0.75rem;
  color: var(--secondary-color);
  margin-left: 6px;
}

.ilvl-badge {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(6, 182, 212, 0.2);
  border: 1px solid rgba(6, 182, 212, 0.4);
  border-radius: 4px;
  font-size: 0.75rem;
  color: var(--accent-color);
  font-weight: 600;
}

.class-demonhunter { color: var(--class-demon-hunter) !important; }
.class-deathknight { color: var(--class-death-knight) !important; }