/* Styles partagés par toutes les démos Ready Player Web.
   Volontairement minimal : chaque démo apporte son propre univers visuel. */

*, *::before, *::after { box-sizing: border-box; }

/* ── Bandeau "démo fictive" ───────────────────────────────────────────── */
.rpw-demo-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.55rem 1rem;
  background: #15131c;
  color: #efeaf6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.82rem;
  position: relative;
  z-index: 9999;
}
.rpw-demo-bar strong { color: #fff; }
.rpw-demo-bar__cta {
  color: #15131c;
  background: #f4c95d;
  padding: 0.28rem 0.85rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  transition: transform 0.15s ease, background 0.15s ease;
}
.rpw-demo-bar__cta:hover { background: #ffd97a; transform: translateY(-1px); }

@media (max-width: 480px) {
  .rpw-demo-bar { font-size: 0.74rem; gap: 0.6rem; }
}