/* Démonstration publique : bandeau, entrées de compte masquées pour le visiteur */
.demo-bar { position: sticky; top: 0; z-index: 40; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 16px; background: #1f2a44; color: #e9edf5; font-size: 13px; line-height: 1.4; }
.demo-pill { flex: none; padding: 2px 8px; border-radius: 999px; background: #f0b35a; color: #1f1d1a; font-weight: 600; font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; }
.demo-txt { flex: 1 1 280px; min-width: 0; }
.demo-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.demo-btn { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,.28); color: #e9edf5; text-decoration: none; font-weight: 500; white-space: nowrap; }
.demo-btn:hover { background: rgba(255,255,255,.08); color: #fff; }
.demo-btn-primary { background: #f0b35a; border-color: #f0b35a; color: #1f1d1a; } .demo-btn-primary:hover { background: #f5c57a; color: #1f1d1a; }
body.is-demo-visitor .user-menu .menu a[href$="/mon-compte"], body.is-demo-visitor .user-menu .menu a[href$="/mon-compte/securite"], body.is-demo-visitor .user-menu .menu form[action$="/deconnexion"] { display: none; }