/* === ICONES LUCIDE & LOGO === */

/* Tailles d'icônes utilitaires */
.izi-icon, [data-lucide] {
  display: inline-block; vertical-align: -0.18em;
  width: 1.05em; height: 1.05em;
  stroke-width: 2; flex-shrink: 0;
}
.izi-icon--xs, [data-lucide].izi-icon--xs { width: 14px; height: 14px; }
.izi-icon--sm, [data-lucide].izi-icon--sm { width: 16px; height: 16px; }
.izi-icon--md, [data-lucide].izi-icon--md { width: 20px; height: 20px; }
.izi-icon--lg, [data-lucide].izi-icon--lg { width: 24px; height: 24px; }
.izi-icon--xl, [data-lucide].izi-icon--xl { width: 32px; height: 32px; }

/* Boutons : aligne icône + texte */
button .izi-icon, button [data-lucide],
.btn-save .izi-icon, .btn-save [data-lucide],
.arena-card__btn .izi-icon, .arena-card__btn [data-lucide],
.classement-action .izi-icon, .classement-action [data-lucide],
.profil-modal__btn .izi-icon, .profil-modal__btn [data-lucide],
a.arena-card__btn .izi-icon, a.arena-card__btn [data-lucide] {
  margin-right: 0.4em;
}

/* H2 : icône avant le titre */
.izi-h2-icon { display: inline-flex; align-items: center; gap: 0.5rem; }

/* === LOGO === */
.izi-logo { height: 40px; width: auto; color: #0f172a; }
.izi-logo-mark { height: 36px; width: 36px; }

/* Hero logo block en haut de page */
.izi-hero-logo {
  display: flex; align-items: center; gap: 0.75rem;
  margin: 0 0 1.5rem; padding: 0.5rem 0;
}
.izi-hero-logo .izi-logo { height: 44px; }
.izi-hero-tagline { font-size: 0.92rem; color: #64748b; margin: 0; padding-left: 0.85rem; border-left: 2px solid #e2e8f0; }

/* Dark mode (auto si OS sombre, ou si .dark sur html/body) */
@media (prefers-color-scheme: dark) {
  .izi-logo { color: #f8fafc; }
  .izi-hero-tagline { color: #94a3b8; border-left-color: #334155; }
}
html.dark .izi-logo, body.dark .izi-logo { color: #f8fafc; }
html.dark .izi-hero-tagline, body.dark .izi-hero-tagline { color: #94a3b8; border-left-color: #334155; }

/* Empty states (inbox, etc.) */
.izi-empty-state {
  text-align: center; padding: 2rem 1rem; color: #94a3b8;
}
.izi-empty-state [data-lucide] { width: 44px; height: 44px; margin-bottom: 0.75rem; opacity: 0.5; }

/* Responsive : sur petit écran, masque le wordmark si demandé */
@media (max-width: 480px) {
  .izi-hero-logo .izi-logo { height: 38px; }
  .izi-hero-tagline { display: none; }
}