/* =====================================================================
   Habbom CMS — page d'inscription en 3 étapes habillée « Moderne Sombre » (chargée après register.css)
   Mêmes couleurs, cadres et boutons que le reste du site.
   ===================================================================== */
body.reg{background:radial-gradient(70% 45% at 50% 0%,rgba(169,95,214,.12),transparent 70%),var(--mo-deep);color:var(--text)}

/* ---------------- En-tête */
.reg-logo img{width:auto;height:64px;max-width:240px;filter:drop-shadow(0 0 14px rgba(169,95,214,.45))}
.reg-logo b{display:none}
.reg-have{background:var(--mo-box);border:3px solid var(--mo-border);border-radius:var(--r);box-shadow:var(--mo-shadow)}

/* ---------------- Boutons */
.reg .reg-grey,.reg button.reg-grey{background:var(--mo-blue);border:2px solid var(--mo-blue-b);border-radius:var(--r);color:#fff;text-shadow:none;box-shadow:var(--mo-shadow)}
.reg .reg-grey:hover{background:var(--mo-blue-b);border-color:var(--mo-blue-h);color:#fff}
.reg .reg-next,.reg .reg-submit,.reg .reg-enter span{background:var(--mo-green);border:2px solid var(--mo-green-b);border-radius:var(--r);color:#fff;text-shadow:none;box-shadow:var(--mo-shadow);text-transform:uppercase}
.reg .reg-next:hover,.reg .reg-submit:hover{background:var(--mo-green-h);border-color:var(--mo-green-hb);filter:none}
.reg .reg-blue,.reg .reg-look-btn{background:var(--mo-blue);border:2px solid var(--mo-blue-b);border-radius:var(--r);color:#fff;text-shadow:none;box-shadow:var(--mo-shadow)}
.reg .reg-blue:hover,.reg .reg-look-btn:hover{background:var(--mo-blue-b);filter:none}
.reg .le-rand{background:var(--mo-yellow);border:2px solid var(--mo-yellow-b);border-radius:var(--r);text-shadow:none;box-shadow:var(--mo-shadow);text-transform:uppercase}
.reg .le-rot{background:var(--mo-blue);border:2px solid var(--mo-blue-b);color:#fff}
.reg .le-rot:hover{background:var(--mo-blue-b)}

/* ---------------- Bandeau de l'hôtel */
.reg-hero{border:3px solid var(--mo-border);border-radius:var(--r)}
.reg-hero::before{background:linear-gradient(90deg,rgba(29,28,43,.95) 0%,rgba(29,28,43,.8) 40%,rgba(29,28,43,0) 72%)}
.reg-hero h1{text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.5)}
.reg-hero p{color:var(--muted)}
.reg-stats li{background:rgba(169,95,214,.18);border:1px solid rgba(217,184,242,.35);border-radius:var(--r-s)}
.reg-stats b{color:var(--mo-green-b)}

/* ---------------- Étapes */
.reg-steps{border:3px solid var(--mo-border);border-radius:var(--r);background:var(--mo-band)}
.reg-steps li{background:var(--mo-band);color:var(--muted);text-transform:uppercase}
.reg-steps li+li{border-left:2px solid var(--mo-border)}
.reg-steps li i{background:var(--mo-blue-b);color:#fff;box-shadow:none}
.reg-steps li.on{background:var(--mo-green);color:#fff;text-shadow:none}
.reg-steps li.on i{background:#fff;color:var(--mo-green-a)}
.reg-steps li.ok{background:var(--mo-box);color:#fff}
.reg-steps li.ok i{background:var(--mo-green-a)}

/* ---------------- Cadres (comme les .card du site) */
.reg .card.reg-box{background:var(--mo-box);border:3px solid var(--mo-border);border-radius:var(--r);color:var(--text)}
.reg-nav{border-top:1px dashed var(--mo-border)}

/* ---------------- Garde-robe et aperçu */
.reg .le-stage,.reg-me,.reg-room{background:linear-gradient(180deg,#3a3854 0%,#33324a 62%,#2b2a3e 62%,#24233a 100%);border:2px solid var(--mo-border);border-radius:var(--r)}
.reg .le-stage::after{border-top-color:var(--mo-border)}
.reg-room::before{background:var(--mo-border)}
.reg .le-status{color:var(--muted)}
.reg-bubble b{color:var(--mo-green-a)}

/* ---------------- Formulaire */
.reg-fields label{color:#fff}
.reg-meter i{background:var(--mo-border)}
.reg-meter span{color:var(--muted)}

/* ---------------- Bienvenue */
.reg-done-tx h3{color:#fff;text-transform:uppercase}
.reg .reg-enter{border:3px solid var(--mo-border);border-radius:var(--r)}
.reg-id span{background:var(--mo-band);border:1px solid var(--mo-border);color:var(--muted)}
.reg-id b{color:#fff}
.reg-gifts{background:var(--mo-band);border:2px dashed var(--mo-green-b);border-radius:var(--r)}
.reg-gifts-t{color:var(--mo-green-b)}
.reg-gifts li{background:var(--mo-box);border:1px solid var(--mo-border)}
.reg-gifts li b{color:#fff}
.reg-gifts li span{color:var(--muted)}