/**
 * WoonView — Login & Register redesign
 * Scoped to body[data-wv-page="woonview:login"] / "woonview:register".
 * Same token system as the other redesigned pages (fonts, neutrals, radii).
 */

body[data-wv-page="woonview:login"],
body[data-wv-page="woonview:register"] {
    --woonview-font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --woonview-font-family-heading: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --woonview-title: #13233a;
    --woonview-text: #3c4a5e;
    --woonview-bg-primary: #f6f4ef;
    --woonview-card-bg: #ffffff;
    --woonview-border-light: #e6e2d9;

    --wv-r: 14px;
    --wv-r-sm: 10px;
    --wv-sh-sm: 0 1px 2px rgba(19,35,58,.05), 0 1px 3px rgba(19,35,58,.06);
    --wv-sh-md: 0 8px 24px rgba(19,35,58,.08), 0 2px 6px rgba(19,35,58,.05);

    background: var(--woonview-bg-primary);
}

body[data-wv-page="woonview:login"] .btn,
body[data-wv-page="woonview:register"] .btn {
    border-radius: 999px;
}

body[data-wv-page="woonview:login"] .wv-auth-page,
body[data-wv-page="woonview:register"] .wv-auth-page {
    max-width: 440px;
    margin: 0 auto;
    padding: 2rem 0 3rem;
}

body[data-wv-page="woonview:login"] .wv-auth-page .woonview-page-lead,
body[data-wv-page="woonview:register"] .wv-auth-page .woonview-page-lead {
    margin-bottom: 1.5rem;
}

body[data-wv-page="woonview:login"] .card,
body[data-wv-page="woonview:register"] .card {
    border-radius: var(--wv-r);
    box-shadow: var(--wv-sh-sm);
}

/* Fully rounded pill inputs — same shape as the homepage hero's address
   search fields (border-radius: 999px), just as standalone fields here
   instead of merged into one bar. */
body[data-wv-page="woonview:login"] .form-control,
body[data-wv-page="woonview:register"] .form-control {
    border-radius: 999px;
    border-color: var(--woonview-border-light);
    background-color: var(--woonview-bg-primary);
    padding: 0.85rem 1.35rem;
}

body[data-wv-page="woonview:login"] .form-label,
body[data-wv-page="woonview:register"] .form-label {
    color: var(--woonview-title);
}

body[data-wv-page="woonview:login"] .wv-auth-warning,
body[data-wv-page="woonview:register"] .wv-auth-warning {
    max-width: 440px;
    margin: 0 auto 1rem;
    border-radius: var(--wv-r-sm);
}

@media (max-width: 576px) {
    body[data-wv-page="woonview:login"] .wv-auth-page,
    body[data-wv-page="woonview:register"] .wv-auth-page {
        padding: 1rem 0 2.5rem;
    }

    body[data-wv-page="woonview:login"] .card,
    body[data-wv-page="woonview:register"] .card {
        padding: 1.15rem;
    }
}