/* Native recovery route (/account/lost-password/): the same sign-in card as /login/ (page-login.php), scoped here
   because public-workflow.css is not loaded on this non-page route. Form, nonce and messages are unchanged. */
body.wabo-password-recovery-page { background: #F6F4F1; }
body.wabo-password-recovery-page main.wabo-signin-page { display: flex; justify-content: center; padding: clamp(32px, 8vh, 72px) 16px 64px; }
body.wabo-password-recovery-page .wabo-signin {
 box-sizing: border-box; width: 100%; max-width: 520px; padding: clamp(24px, 4vw, 36px);
 border: 1px solid #E2DED8; border-top: 3px solid #8C0B10; border-radius: 6px; background: #fff;
 font: 16px/1.55 "Public Sans", "Helvetica Neue", system-ui, sans-serif; color: #3A404B;
}
body.wabo-password-recovery-page .wabo-signin__eyebrow { margin: 0 0 8px; color: #8C0B10; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
body.wabo-password-recovery-page .wabo-signin__title { margin: 0 0 12px; color: #1A1F28; font: 700 clamp(24px, 1.6vw + 18px, 30px)/1.2 "Archivo", "Helvetica Neue", system-ui, sans-serif; letter-spacing: normal; }
body.wabo-password-recovery-page .wabo-signin__lead { margin: 0 0 14px; }
body.wabo-password-recovery-page .wabo-signin__message { margin: 0 0 14px; padding: 10px 14px; border-left: 3px solid #1A1F28; background: #F6F4F1; color: #1A1F28; }
body.wabo-password-recovery-page .wabo-signin__message--error { border-left-color: #A32020; color: #A32020; }
body.wabo-password-recovery-page .wabo-recovery-form p { margin: 0 0 14px; }
body.wabo-password-recovery-page .wabo-recovery-form label { display: block; margin: 0 0 4px; color: #1A1F28; font-size: 15px; font-weight: 600; }
body.wabo-password-recovery-page .wabo-recovery-form input[type="text"] { box-sizing: border-box; display: block; width: 100%; min-height: 46px; padding: 8px 12px; border: 1px solid #868B94; border-radius: 3px; background: #fff; color: #1A1F28; font: inherit; }
body.wabo-password-recovery-page .wabo-signin__button { display: inline-block; min-height: 46px; padding: 11px 28px; border: 0; border-radius: 3px; background: #8C0B10; color: #fff; font: 600 16px/1.5 "Public Sans", system-ui, sans-serif; cursor: pointer; }
body.wabo-password-recovery-page .wabo-signin__button:hover { background: #6C080C; }
body.wabo-password-recovery-page .wabo-signin__help { margin: 18px 0 0; font-size: 15px; }
body.wabo-password-recovery-page .wabo-signin__note { margin: 10px 0 0; color: #555B66; font-size: 14px; }
body.wabo-password-recovery-page .wabo-signin a { color: #8C0B10; text-decoration: underline; text-underline-offset: 3px; }
body.wabo-password-recovery-page .wabo-signin :is(a, input, button):focus-visible { outline: 3px solid #8C0B10; outline-offset: 2px; }

/* Shared site header on this route: WooCommerce's ".woocommerce-page img { height: auto; max-width: 100% }"
   (woocommerce-layout.css, loaded only here) overrides the header's own logo size (wabo-home.css: .wh-logo img
   68px, 56px below 1179px), so the logo grew toward its natural 323px and pushed Menu onto a separate row.
   Restore the theme's own sizing so recovery uses the same compact header as every other page. */
body.wabo-password-recovery-page .wh-logo img { width: auto; height: 68px; max-width: none; }
@media (max-width: 1179px) {
 body.wabo-password-recovery-page .wh-logo img { height: 56px; }
}