/* Bay9ja auth pages — match storefront ebay-btn system */
:root {
    --ebay-blue: #0053da;
    --ebay-blue-hov: #004892;
    --ebay-ink: #111827;
    --ebay-muted: #6b7280;
    --ebay-border: #e5e7eb;
    --ebay-btn-radius: 9999px;
    --ebay-focus-ring: 0 0 0 3px rgba(0, 83, 218, 0.35);
}

/* Primary actions (Continue, Sign in, Create account) */
.ebay-submit-btn,
.ebay-primary-btn {
    display: block;
    width: 100%;
    margin-top: 14px;
    padding: 0.8rem 1.25rem;
    min-height: 48px;
    border: 2px solid transparent !important;
    border-radius: var(--ebay-btn-radius) !important;
    background: var(--ebay-blue) !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 83, 218, 0.28);
    transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.ebay-submit-btn:hover,
.ebay-submit-btn:focus,
.ebay-primary-btn:hover,
.ebay-primary-btn:focus {
    background: var(--ebay-blue-hov) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 83, 218, 0.32);
}

/* Sign up / secondary text links (auth pages only — do not style site footer) */
.bay9ja-auth-page .ebay-create-btn,
.bay9ja-auth-page .ebay-vendor-login a,
.bay9ja-auth-page .ebay-footer-links a,
.bay9ja-auth-page .ebay-bottom-signin a {
    color: var(--ebay-blue) !important;
    font-weight: 700;
    text-decoration: none !important;
}
.bay9ja-auth-page .ebay-create-btn:hover,
.bay9ja-auth-page .ebay-vendor-login a:hover,
.bay9ja-auth-page .ebay-footer-links a:hover,
.bay9ja-auth-page .ebay-bottom-signin a:hover {
    color: var(--ebay-blue-hov) !important;
    text-decoration: underline !important;
}

/* Inputs — blue focus ring (not orange) */
.ebay-input:focus,
.ebay-register-page .ebay-input:focus {
    border-color: var(--ebay-blue) !important;
    box-shadow: var(--ebay-focus-ring) !important;
    outline: none;
}

.ebay-otp-toggle {
    color: var(--ebay-blue) !important;
}

/* Login portal tabs (Buying / Selling) — do not inherit theme --primary (often red/orange) */
.ebay-login-portal-tab {
    color: #4b5563 !important;
}
.ebay-login-portal-tab:hover {
    color: var(--ebay-blue) !important;
}
.ebay-login-portal-tab.is-active {
    color: var(--ebay-blue) !important;
}

/* Registration account toggle — active pill uses brand blue */
.ebay-toggle-btn.is-active {
    background: var(--ebay-blue) !important;
    color: #fff !important;
}

/* Social buttons hover */
.ebay-social-btn:hover {
    border-color: var(--ebay-blue) !important;
    background: #eff6ff !important;
}

/* ── Login modal (storefront) — same tokens as /users/login ── */
.ebay-login-modal {
    border-radius: 16px;
    border: 1px solid var(--ebay-border);
    overflow: hidden;
}
.ebay-login-modal .modal-header {
    padding: 1.25rem 1.5rem 0.5rem;
}
.ebay-login-modal-title {
    font-size: 1.25rem;
    color: #191919;
}
.ebay-login-modal .btn-primary,
.bay9ja-ebay-storefront #login_modal .btn-primary {
    background: var(--ebay-blue) !important;
    border-color: var(--ebay-blue) !important;
    border-radius: var(--ebay-btn-radius) !important;
}
.bay9ja-ebay-storefront #login_modal .text-primary,
.bay9ja-ebay-storefront #login_modal .btn-link.text-primary {
    color: var(--ebay-blue) !important;
}
.bay9ja-ebay-storefront #login_modal .form-control:focus {
    border-color: var(--ebay-blue) !important;
    box-shadow: var(--ebay-focus-ring) !important;
}
.ebay-login-modal .ebay-login-portal-tabs {
    margin-bottom: 1rem;
}
.ebay-social-stack {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}