/* =========================================================================
 * 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;
}

/* 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);
}