/* Styles spécifiques pour le ticker d'en-tête (types) */

/* Base: contraste élevé lisible sur clair et sombre */
.header-ticker {
  color: rgba(255,255,255,0.92);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  font-weight: 600;
}

.header-ticker-tag {
  color: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
.header-ticker-tag[data-type="anecdote"] { background: color-mix(in oklab, var(--ticker-anecdote-bg) 80%, transparent); border-color: var(--ticker-anecdote-border); }
.header-ticker-tag[data-type="code"] { background: color-mix(in oklab, var(--ticker-code-bg) 80%, transparent); border-color: var(--ticker-code-border); }
.header-ticker-tag[data-type="histoire"] { background: color-mix(in oklab, var(--ticker-histoire-bg) 80%, transparent); border-color: var(--ticker-histoire-border); }
.header-ticker-tag[data-type="trivia"] { background: color-mix(in oklab, var(--ticker-trivia-bg) 80%, transparent); border-color: var(--ticker-trivia-border); }
.header-ticker-tag[data-type="citation"] { background: color-mix(in oklab, var(--ticker-citation-bg) 80%, transparent); border-color: var(--ticker-citation-border); }
.header-ticker-tag[data-type="fun"] { background: color-mix(in oklab, var(--ticker-fun-bg) 80%, transparent); border-color: var(--ticker-fun-border); }

/* Couleur du texte et de l'icône par type (blanc lisible) */
.header-ticker-wrap[data-type="anecdote"] .header-ticker, .header-ticker-wrap[data-type="anecdote"] .header-ticker-icon { color: rgba(255,255,255,0.92); text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.header-ticker-wrap[data-type="code"] .header-ticker, .header-ticker-wrap[data-type="code"] .header-ticker-icon { color: rgba(255,255,255,0.92); text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.header-ticker-wrap[data-type="histoire"] .header-ticker, .header-ticker-wrap[data-type="histoire"] .header-ticker-icon { color: rgba(255,255,255,0.92); text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.header-ticker-wrap[data-type="trivia"] .header-ticker, .header-ticker-wrap[data-type="trivia"] .header-ticker-icon { color: rgba(255,255,255,0.92); text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.header-ticker-wrap[data-type="citation"] .header-ticker, .header-ticker-wrap[data-type="citation"] .header-ticker-icon { color: rgba(255,255,255,0.92); text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.header-ticker-wrap[data-type="fun"] .header-ticker, .header-ticker-wrap[data-type="fun"] .header-ticker-icon { color: rgba(255,255,255,0.92); text-shadow: 0 1px 2px rgba(0,0,0,0.5); }

/* Emoji par type dans le tag */
.header-ticker-tag::before { display: inline-block; margin-right: 6px; }
.header-ticker-tag[data-type="anecdote"]::before { content: "💡"; }
.header-ticker-tag[data-type="code"]::before { content: "💻"; }
.header-ticker-tag[data-type="histoire"]::before { content: "📖"; }
.header-ticker-tag[data-type="trivia"]::before { content: "❓"; }
.header-ticker-tag[data-type="citation"]::before { content: "❝"; }
.header-ticker-tag[data-type="fun"]::before { content: "🎮"; }