/* =========================================================================
 * Style DÙNG CHUNG cho form đăng ký Khách hàng + Đại lý (mọi theme).
 * Tự chứa (không phụ thuộc main.css của theme) để 1 nguồn dùng cho tất cả.
 * ========================================================================= */

/* Spinner chỉ hiện khi đang gửi (JS bật display:inline-block) */
.bc-form-register-customer .icon-loading,
.bc-form-register-agent .icon-loading {
    display: none;
}

/* Nút submit */
.bc-form-register-customer .form-submit,
.bc-form-register-agent .form-submit {
    width: 100%;
    height: 45px;
    font-weight: 600;
    border-radius: 99px !important;
    background: var(--primary-color, #5191FA) !important;
    border-color: var(--primary-color, #5191FA) !important;
}

/* Trạng thái hợp lệ / sai của ô nhập kiểm tra ngay khi gõ (hiện dùng cho ô điện thoại).
   Class do public/module/user/js/register.js gắn. Chỉ đổi màu viền nên không đụng
   layout của bất kỳ theme nào. */
.bc-form-register-customer .form-control.bc-field-invalid,
.bc-form-register-agent .form-control.bc-field-invalid {
    border-color: #d92d20;
}

.bc-form-register-customer .form-control.bc-field-valid,
.bc-form-register-agent .form-control.bc-field-valid {
    border-color: #12b76a;
}

/* Thông báo lỗi hiện ngay dưới ô (JS gọi .show() nên cần màu + cỡ chữ rõ ràng) */
.bc-form-register-customer .invalid-feedback.error,
.bc-form-register-agent .invalid-feedback.error {
    color: #d92d20;
    font-size: 12.5px;
    line-height: 1.45;
    margin-top: 5px;
}

/* reCAPTCHA widget căn giữa (v2); v3 là input ẩn nên rule vô hại */
.bc-form-register-customer .bc-recaptcha > div,
.bc-form-register-agent .bc-recaptcha > div {
    margin: auto;
}

@media (max-width: 990px) {
    .bc-form-register-customer .bc-recaptcha > div,
    .bc-form-register-agent .bc-recaptcha > div {
        margin: 0;
    }
}

/* Hộp link chéo "Bạn là đại lý?" trong modal customer */
.register-agent-link {
    margin-bottom: 16px;
    padding: 10px 12px;
    background: #f0f7ff;
    border: 1px solid #d6e6fb;
    border-radius: 8px;
    font-size: 13px;
    text-align: center;
}
.register-agent-link a {
    color: var(--primary-color, #5191FA);
    font-weight: 600;
}

/* Tiêu đề khối "Thông tin ngân hàng" ở form đại lý */
.bc-form-register-agent .agent-bank-title {
    color: #666;
    font-size: 13px;
    margin-bottom: 8px;
}

/* Link chuyển modal đăng nhập/đăng ký */
.switch-auth-modal {
    color: var(--primary-color, #5191FA);
}