/* Bandeau "Site de démonstration" — fixé en haut, la navigation se place dessous */
:root { --demo-h: 34px; }
body { padding-top: var(--demo-h); }
.demo-banner {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1100;
  height: var(--demo-h);
  display: block; text-align: center;
  padding: 0 1rem;
  background: linear-gradient(90deg, #7b1e2e, #5d1622);
  color: #fff;
  font: 500 0.82rem system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: var(--demo-h);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.demo-banner a { color: #fff; font-weight: 700; text-decoration: underline; }
.navbar { top: var(--demo-h) !important; }
@media (max-width: 640px) { .demo-banner-long { display: none; } }
.nav-mobile, .membre-bandeau { top: calc(72px + var(--demo-h)) !important; }