/*
 * White-label dla /wp-login.php — brand z Settings::business_name + logo.
 * Brąz #7d6354 (header/akcent), zielony #16a34a (primary action).
 *
 * Zmienna CSS `--booking-login-logo` jest ustawiana inline przez
 * Login_Branding::enqueue_styles() (URL do logo z pluginu).
 */

:root {
    --booking-login-bg: #F5F5F5;
    --booking-login-surface: #FFFFFF;
    --booking-login-border: #E5E7EB;
    --booking-login-text: #111827;
    --booking-login-muted: #6B7280;
    --booking-login-brand: #7D6354;
    --booking-login-primary: #16A34A;
    --booking-login-primary-hover: #15803D;
}

body.login {
    background: var(--booking-login-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#login {
    padding-top: 6vh;
    width: 380px;
    max-width: 92vw;
}

/* Logo w headerze — zastąp domyślne WP */
.login h1 a {
    background-image: var(--booking-login-logo);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 140px;
    height: 80px;
    margin: 0 auto 18px;
    text-indent: -9999px;
    display: block;
}

/* Formularz */
.login form {
    background: var(--booking-login-surface);
    border: none;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 10px 30px rgba(0,0,0,0.06);
    padding: 28px 28px 22px;
    margin-top: 16px;
}

.login form .input,
.login input[type=text],
.login input[type=password],
.login input[type=email] {
    border: 1px solid var(--booking-login-border);
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 14px;
    background: var(--booking-login-surface);
    box-shadow: none;
    -webkit-font-smoothing: auto;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.login form .input:focus,
.login input[type=text]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus {
    border-color: var(--booking-login-brand);
    box-shadow: 0 0 0 3px rgba(125, 99, 84, 0.12);
    outline: none;
}

.login label {
    font-size: 13px;
    color: var(--booking-login-text);
    font-weight: 500;
}

/* Button Primary (zaloguj, zresetuj hasło) — zielony brand pill */
.wp-core-ui .button-primary,
.wp-core-ui .button-primary:focus {
    background: var(--booking-login-primary);
    border-color: var(--booking-login-primary);
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    font-size: 13px;
}
.wp-core-ui .button-primary:hover {
    background: var(--booking-login-primary-hover);
    border-color: var(--booking-login-primary-hover);
    color: #fff;
}
.wp-core-ui .button-primary:active {
    background: #166534;
    border-color: #166534;
}

/* Linki pod formularzem — brąz brand */
.login #nav a,
.login #backtoblog a {
    color: var(--booking-login-brand);
    text-decoration: none;
    font-size: 12px;
}
.login #nav a:hover,
.login #backtoblog a:hover {
    color: #5a4840;
    text-decoration: underline;
}

/* Checkbox "Zapamiętaj mnie" */
.login .forgetmenot label {
    color: var(--booking-login-muted);
    font-size: 12px;
}

/* Message boxy */
.login .message,
.login #login_error {
    border-left: 3px solid var(--booking-login-brand);
    border-radius: 8px;
    padding: 11px 14px;
    font-size: 13px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.login #login_error {
    border-left-color: #dc2626;
}

/* Privacy policy link (WP >=4.9.6) */
.login .privacy-policy-page-link {
    margin-top: 12px;
}
.login .privacy-policy-page-link a {
    color: #6b7280;
    font-size: 12px;
}