/*Registre del log in */

#go-register {
  margin-top: 1.2rem;
  display: inline-block;
}

/*Inici sessio al Registre*/

#go-login {
  margin-top: 1.2rem;
  display: inline-block;
}

/*Al formulari de registre*/

#registre-btn {
  margin-top: 20px;  /* Pots ajustar aquest valor segons et convingui */
}


/*Prova styles animacio registre*/

/* Progrés */
.rc-progress{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:12px 14px;margin-bottom:12px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.rc-progress__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#374151}
.rc-progress__bar{position:relative;height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}
.rc-progress__fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;transition:width .25s ease}
.rc-progress strong{font-variant-numeric:tabular-nums}

/* (ja tenies) Checklist estil verd quan OK */
.rc-checklist{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.08);max-width:420px;font-size:14px}
.rc-checklist h3{margin:0 0 10px;font-size:16px}
.rc-checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rc-checklist li{position:relative;padding-left:28px;line-height:1.35;color:#374151}
.rc-checklist li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;background:#fff}
.rc-checklist li[data-ok="true"]{color:#065f46}
.rc-checklist li[data-ok="true"]::before{background:#10b981;border-color:#10b981;box-shadow:inset 0 0 0 2px #fff}
.rc-checklist li[data-ok="true"]::after{content:"✓";position:absolute;left:3px;top:-1px;font-weight:700;color:#fff}

/*ajuda registre*/

.pw-rules {
  list-style:none; margin:6px 0 12px; padding:0;
  font-size:13px; color:#6b7280;
}
.pw-rules li {
  padding-left:20px; position:relative; margin-bottom:4px;
}
.pw-rules li::before {
  content:""; position:absolute; left:0; top:4px;
  width:12px; height:12px; border:2px solid #d1d5db; border-radius:50%;
}
.pw-rules li[data-ok="true"] { color:#065f46; }
.pw-rules li[data-ok="true"]::before { background:#10b981; border-color:#10b981; }

.pw-msg { font-size:13px; color:#6b7280; display:block; margin-top:4px; }
.pw-msg.ok { color:#065f46; }
.pw-msg.error { color:#dc2626; }

/*Confeti*/
.confetti {
  position: fixed;
  top: -10px;
  width: 10px;
  height: 10px;
  background: red;
  opacity: 0.8;
  animation: fall linear forwards;
  z-index: 9999;
}
@keyframes fall {
  to {
    transform: translateY(100vh) rotate(720deg);
    opacity: 0;
  }
}

/* ========================================================= */
/* 🌙 DARK MODE — REGISTRE                                   */
/* ========================================================= */

/* Enllaços login / registre */
[data-theme="dark"] #go-register,
[data-theme="dark"] #go-login {
  color: #93c5fd;
}

/* ===================== */
/* Contenidors principals */
/* ===================== */

[data-theme="dark"] .rc-progress,
[data-theme="dark"] .rc-checklist {
  background: #111827;
  border: 1px solid #1f2937;
  box-shadow: 0 12px 40px rgba(0,0,0,.6);
  color: #e5e7eb;
}

/* Textos interns */
[data-theme="dark"] .rc-progress__top,
[data-theme="dark"] .rc-checklist li,
[data-theme="dark"] .pw-msg {
  color: #cbd5f5;
}

/* ===================== */
/* Barra de progrés      */
/* ===================== */

[data-theme="dark"] .rc-progress__bar {
  background: #1f2937;
}

[data-theme="dark"] .rc-progress__fill {
  background: linear-gradient(90deg, #22c55e, #16a34a);
}

/* ===================== */
/* Checklist (cercles)   */
/* ===================== */

[data-theme="dark"] .rc-checklist li::before {
  border-color: #374151;
  background: #020617;
}

/* Checklist OK */
[data-theme="dark"] .rc-checklist li[data-ok="true"] {
  color: #86efac;
}

[data-theme="dark"] .rc-checklist li[data-ok="true"]::before {
  background: #10b981;
  border-color: #10b981;
}

/* ===================== */
/* Regles contrasenya    */
/* ===================== */

[data-theme="dark"] .pw-rules {
  color: #9ca3af;
}

[data-theme="dark"] .pw-rules li::before {
  border-color: #374151;
}

[data-theme="dark"] .pw-rules li[data-ok="true"] {
  color: #86efac;
}

[data-theme="dark"] .pw-rules li[data-ok="true"]::before {
  background: #10b981;
  border-color: #10b981;
}

/* Missatges OK / error */
[data-theme="dark"] .pw-msg.ok {
  color: #86efac;
}

[data-theme="dark"] .pw-msg.error {
  color: #f87171;
}

/* ===================== */
/* Inputs i selects      */
/* ===================== */

[data-theme="dark"] input,
[data-theme="dark"] select {
  background: #0f172a;
  color: #e5e7eb;
  border: 1.5px solid #243047;
}

[data-theme="dark"] input::placeholder {
  color: #9ca3af;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus {
  outline: none;
  border-color: #60a5fa;
  box-shadow: 0 0 0 2px rgba(96,165,250,.25);
  background: #020617;
}

/* ===================== */
/* Botó registre         */
/* ===================== */

[data-theme="dark"] #registre-btn,
[data-theme="dark"] button[type="submit"] {
  background: linear-gradient(135deg, #1e40af, #3b82f6);
  color: #ffffff;
}

[data-theme="dark"] button[type="submit"]:disabled {
  background: #1f2937;
  color: #9ca3af;
}

/* ===================== */
/* Form Container         */
/* ===================== */

[data-theme="dark"] .form-container {
  background: #020617;
  border: 1px solid #1f2937;
}

/* ===================== */
/* Eye Icon.             */
/* ===================== */

[data-theme="dark"] .eye-icon {
  color: #9ca3af;
}
[data-theme="dark"] .eye-icon:hover {
  color: #e5e7eb;
}