/* public/assets/css/auth/register.css */

/* ─── Password strength meter ─────────────────────────── */
.password-strength-container {
    margin-top: 8px;
    padding: 0 15px;
}
.password-strength-bar {
    height: 6px;
    border-radius: 4px;
    transition: width .3s ease, background-color .3s ease;
    background-color: #dc3545;
    width: 0%;
}
.password-strength-text {
    font-size: 12px;
    color: #6c757d;
    margin-top: 4px;
}

/* ─── Requirements checklist ──────────────────────────── */
.password-requirements {
    font-size: 12px;
    padding-left: 0;
    margin-top: 8px;
    margin-bottom: 0;
    list-style: none;
}
.password-requirements li {
    padding: 2px 0;
    transition: color .3s ease;
}
.password-requirements li .fa-check-circle {
    color: #28a745;
    display: none;
}
.password-requirements li .fa-times-circle {
    color: #dc3545;
}
.password-requirements li.valid .fa-check-circle { display: inline-block; }
.password-requirements li.valid .fa-times-circle { display: none; }
.password-requirements li.valid { color: #28a745; }

/* ─── Password match status ───────────────────────────── */
.password-match-status {
    font-size: 12px;
    margin-top: 4px;
}
.password-match-status .text-success { color: #28a745 !important; }
.password-match-status .text-danger  { color: #dc3545 !important; }

/* ─── Input validation states ─────────────────────────── */
.input-group.input-success .form-control    { border-color: #28a745; }
.input-group.input-success .input-group-text { border-color: #28a745; background-color: #d4edda; }
.input-group.input-error .form-control      { border-color: #dc3545; }
.input-group.input-error .input-group-text  { border-color: #dc3545; background-color: #f8d7da; }

/* ─── Submit button disabled state ────────────────────── */
.register_btn:disabled {
    opacity: .6;
    cursor: not-allowed;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.register_btn:disabled:hover {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ─── Submit hint ─────────────────────────────────────── */
.submit-hint {
    font-size: 12px;
    color: #6c757d;
    margin-top: 8px;
    text-align: center;
    display: block;
}
.submit-hint strong { color: #dc3545; }