/* Skin the native Webasyst forms, including forms injected into checkout.
   Field names, errors, confirmation steps, captcha and submit logic stay native. */
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) { max-width:100%; color:#335345; font:400 15px/1.6 Manrope,Arial,sans-serif; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) .wa-field { clear:both; margin:0 0 18px; padding:0; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) .wa-name { float:none; width:auto; margin:0 0 7px; padding:0; color:#466959; font:500 14px/1.5 Manrope,Arial,sans-serif; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) .wa-value { margin:0; min-width:0; padding:0; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) .wa-field .wa-value :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),textarea,select) { box-sizing:border-box; width:100%; max-width:100%; min-height:46px; margin:0; padding:11px 13px; border:1px solid #c2d9cf; border-radius:9px; background:#fff; color:#335345; box-shadow:none; font:400 16px/1.5 Manrope,Arial,sans-serif; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) :is(input[type=submit],button[type=submit],.wa-confirm-signup-button) { appearance:none; min-height:46px; max-width:100%; padding:12px 24px; border:1px solid var(--wb-accent,#356c53); border-radius:9px; background:var(--wb-accent,#356c53); color:#fff; box-shadow:none; text-shadow:none; white-space:normal; font:600 15px/1.5 Manrope,Arial,sans-serif; cursor:pointer; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) :is(input,button):disabled { opacity:.55; cursor:default; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) :is(input[type=checkbox],input[type=radio]) { accent-color:var(--wb-accent,#356c53); margin-right:8px; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) a { color:var(--wb-accent,#356c53); text-underline-offset:3px; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) :is(.wa-login-url,.wa-signup-url) { margin:20px 0 0; font-size:14px; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) .wa-login-forgotpassword-url { display:inline-block; margin-top:10px; font-size:13px; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) :is(.wa-error-msg,.wa-error,.errormsg,.wa-uncaught-errors) { color:#458b6c; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) input.wa-error { border-color:#458b6c!important; }
.wb-body :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) :focus-visible { outline:2px solid #8bbca6; outline-offset:3px; }
.wb-body .wa-auth-dialog-wrapper .wa-dialog-body { display:flex; flex-direction:column; overflow:hidden; left:50%!important; top:50%!important; transform:translate(-50%,-50%); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); }
.wb-body .wa-auth-dialog-wrapper .wa-dialog-body :is(.wa-dialog-header,.wa-dialog-footer) { flex:none; }
.wb-body .wa-auth-dialog-wrapper .wa-dialog-body .wa-dialog-content { flex:1 1 auto; min-height:0; padding:24px 26px 28px; overflow-y:auto; overscroll-behavior:contain; }
.wb-auth { max-width:580px; padding-block:40px 64px; }
.wb-auth>h1 { font:600 46px/1.15 'Cormorant Garamond',Georgia,serif; }
.wb-auth :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) { padding:28px; border:1px solid #d5e7df; border-radius:16px; background:#fffdfb; }
@media(max-width:550px) { .wb-body .wa-auth-dialog-wrapper .wa-dialog-body .wa-dialog-content { padding:20px; }.wb-auth :is(.wa-login-form-wrapper,.wa-signup-form-wrapper,.wa-forgotpassword-form-wrapper) { padding:20px; } }