/* Bandeau commun à toutes les démos */
.demo-banner { position: sticky; top: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; padding: 0.55rem 1rem; background: linear-gradient(90deg, #6d5dfc, #22d3ee); color: #fff; font: 500 0.85rem/1.4 "Inter", system-ui, sans-serif; text-align: center; }
.demo-banner a { color: #fff; font-weight: 700; text-decoration: none; background: rgba(0, 0, 0, 0.22); padding: 0.3rem 0.85rem; border-radius: 999px; white-space: nowrap; }
.demo-banner a:hover { background: rgba(0, 0, 0, 0.35); }
.demo-banner .lang-switch { display: inline-flex; gap: 2px; padding: 2px; border-radius: 999px; background: rgba(0, 0, 0, 0.22); }
.demo-banner .lang-switch a { background: none; padding: 0.2rem 0.55rem; font-size: 0.75rem; }
.demo-banner .lang-switch a.is-current { background: #fff; color: #6d5dfc; }