/*
 * Business seller registration — overrides marketplace-register.css with the +Business scheme
 * (light-gray background, bold-blue accents) to match the business login page.
 *
 * Pins the business palette so these pages keep their colors on any host, regardless of which
 * domain theme the layout applied.
 */

:root {
    --brand-primary: #1565c0;
    --brand-primary-hover: #0d47a1;
    --brand-on-primary: #ffffff;
    --brand-page-bg: lightgray;
}

.signup-wrapper {
    background: var(--brand-page-bg);
}

/* Brand block: "+Business" in bold blue, "Comfy+" slightly faded. */
.brand-business {
    color: var(--brand-primary);
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 0;
    text-align: center;
}

.brand-comfy {
    color: #6c757d;
    opacity: 0.7;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 2px;
    margin-bottom: 1rem;
    text-align: center;
}

/* Blue accents in place of the marketplace orange/purple. */
.signup-header .icon-circle {
    background: var(--brand-primary);
}

.btn-signup {
    background: var(--brand-primary);
}

.step-item.active .step-circle {
    background: var(--brand-primary);
    box-shadow: 0 4px 12px rgba(21, 101, 192, 0.35);
}

.step-item.active .step-label {
    color: var(--brand-primary);
}

.form-floating .form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.2rem rgba(21, 101, 192, 0.15);
}

.terms-check .form-check-input:checked {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.terms-check label a,
.signup-footer a,
.resend-btn {
    color: var(--brand-primary);
}

.resend-btn:hover {
    color: var(--brand-primary-hover);
}