/* ==========================================================================
   Login Mi arbell — Recuperar contraseña (usa la base de login.css y registro.css)
   ========================================================================== */

/* Ocultar el título y el texto de WooCommerce si el tema los imprime aparte */
body.arb-recuperar-page .woocommerce > p:not([class]),
body.arb-recuperar-page .woocommerce-notices-wrapper:empty { display: none; }

.arb-recuperar .arb-head { margin-bottom: 20px; }
.arb-recuperar .arb-group { margin-bottom: 18px; }

/* Ayuda para Equipo arbell (en rosa, como en el login) */
.arb-recuperar .arb-hint--equipo {
    --accent: var(--arb-pink); --accent-rgb: 224, 36, 94;
    margin: 18px 0 0;
}
.arb-recuperar .arb-hint a { color: var(--arb-pink) !important; font-weight: 600; text-decoration: none !important; }

.arb-login .arb-recuperar-back { margin: 20px 0 0 !important; text-align: center; font-size: 15px; }
.arb-recuperar-back a { color: var(--arb-blue) !important; font-weight: 600; text-decoration: none !important; }

/* Controles de la contraseña nueva */
.arb-login ul.arb-pass-checks { list-style: none !important; margin: -6px 4px 18px !important; padding: 0 !important; display: grid; gap: 6px; }
.arb-pass-checks .arb-pass-hint { margin: 0 !important; }

/* Enlace enviado */
.arb-recuperar-ok { text-align: center; padding: 16px 0 0; }
.arb-recuperar-ok .arb-title { text-align: center !important; }
.arb-recuperar-ok .arb-sub { margin: 8px auto 22px !important; max-width: 340px; }
.arb-ok-icon--mail { background: var(--arb-blue); box-shadow: 0 12px 30px rgba(0, 122, 255, .3); }
.arb-ok-icon--mail svg { width: 38px; height: 38px; stroke-width: 2.2; }

.arb-login ul.arb-steps {
    list-style: none !important; margin: 0 0 14px !important; padding: 4px 0 !important;
    background: var(--card); border-radius: 16px; box-shadow: var(--shadow); text-align: left;
}
.arb-steps li {
    position: relative; display: flex; align-items: center; gap: 12px;
    margin: 0 !important; padding: 11px 16px; font-size: 15px; color: var(--label);
}
.arb-steps li + li::before {
    content: ""; position: absolute; top: 0; left: 52px; right: 0;
    height: 1px; transform: scaleY(.5); background: var(--sep);
}
.arb-steps li span {
    flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%;
    display: grid; place-items: center;
    background: rgba(0, 122, 255, .12); color: var(--arb-blue);
    font-size: 13px; font-weight: 700;
}
.arb-recuperar-ok .arb-hint { text-align: left; margin-bottom: 18px; }