/* Bobblewob auth pages — login / sign-up. Vars (--paper, --ink, --orange,
   --rule, --font-sans, --font-serif) come from main.css. */

/* Auth pages use the full site header/footer (continuity with the rest of the
   site); only the centered card below is styled here. */
.bw-auth {
    display: flex;
    justify-content: center;
    padding: 48px 16px 72px;
}
.bw-auth-card {
    width: 100%;
    max-width: 360px;
    background: transparent;
}

.bw-auth-title {
    font-family: var(--font-sans, system-ui, sans-serif);
    font-weight: 700;
    font-size: 34px;
    line-height: 1.02;
    letter-spacing: -0.02em;
    color: var(--ink, #2b2620);
    text-align: center;
    margin: 8px 0 6px;
}
.bw-auth-sub {
    font-family: var(--font-sans, system-ui, sans-serif);
    font-weight: 500;
    color: var(--ink-soft, #5a5048);
    font-size: 14px;
    text-align: center;
    margin: 0 0 22px;
}

/* Buttons */
.bw-auth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 13px;
    border-radius: 4px;
    font-family: var(--font-sans, system-ui, sans-serif);
    font-weight: 600;
    font-size: 14px;
    border: 1.5px solid var(--ink, #2b2620);
    background: #fff;
    color: var(--ink, #2b2620);
    cursor: pointer;
    box-sizing: border-box;
}
.bw-auth-btn.primary {
    background: var(--orange, #ff5a1f);
    border-color: var(--orange, #ff5a1f);
    color: #fff;
    margin-top: 4px;
}
.bw-auth-btn.primary:hover {
    background: var(--orange-deep, #e64a14);
    border-color: var(--orange-deep, #e64a14);
}

/* Inputs */
.bw-auth-form { margin: 0; }
.bw-field { margin: 0 0 12px; }
.bw-auth-form input[type="text"],
.bw-auth-form input[type="email"],
.bw-auth-form input[type="password"],
.bw-auth-form input[type="tel"] {
    width: 100%;
    padding: 12px 13px;
    border: 1.5px solid var(--rule, #d8c9a8);
    border-radius: 4px;
    font-family: var(--font-sans, system-ui, sans-serif);
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
}
.bw-auth-form input:focus {
    outline: 2px solid var(--orange, #ff5a1f);
    outline-offset: 1px;
    border-color: var(--orange, #ff5a1f);
}

.bw-remember {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: var(--ink-soft, #5a5048);
    margin: 4px 0 14px;
}

/* Divider */
.bw-auth-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ink-faint, #8a8076);
    font-size: 12px;
    margin: 16px 0;
}
.bw-auth-divider::before,
.bw-auth-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--rule, #d8c9a8);
}

/* Disclaimer + alt links */
.bw-fine {
    font-size: 11.5px;
    color: var(--ink-faint, #8a8076);
    line-height: 1.5;
    margin: 2px 0 14px;
}
.bw-fine a { color: var(--ink-soft, #5a5048); text-decoration: underline; }
.bw-auth-alt {
    text-align: center;
    font-size: 13px;
    color: var(--ink-soft, #5a5048);
    margin: 16px 0 0;
}
.bw-auth-alt a { color: var(--orange, #ff5a1f); font-weight: 600; }
.bw-auth-faint a { color: var(--ink-faint, #8a8076); font-weight: 500; }

/* Turnstile spacing */
.bw-turnstile { margin: 4px 0 14px; }

/* Nextend "Continue with Google" — restyle to match the card */
.bw-google { margin-bottom: 10px; }
.bw-google .nsl-container { margin: 0 !important; }
.bw-google .nsl-button {
    border-radius: 4px !important;
    border: 1.5px solid #dadce0 !important;
    box-shadow: none !important;
    font-family: var(--font-sans, system-ui, sans-serif) !important;
    font-weight: 600 !important;
    height: auto !important;
    padding: 12px !important;
}
.bw-google .nsl-button-default div { font-weight: 600 !important; }

/* Vendor onboarding — split first/last name row */
.bw-field--split {
    display: flex;
    gap: 0.5rem;
}
.bw-field--split input {
    flex: 1 1 50%;
}