/* Shared native website theme. Scope excludes wp-admin and every unowned theme surface.
   PMPro/WordPress retain markup, controls, validation and all account/payment actions.
   Native checkout/login use the approved dark skin; public HTML keeps its own theme switch. */
html:has(>body:is(.gutsy-boundary,.gutsy-checkout,.gutsy-public-login,.gutsy-boundary-native-login)){background:#000;color-scheme:dark}
body:is(.gutsy-boundary,.gutsy-checkout,.gutsy-public-login,.gutsy-boundary-native-login){
 --gutsy-native-page:#000;--gutsy-native-card:#111113;--gutsy-native-ink:#f5f5f7;
 --gutsy-native-muted:#b4b4bc;--gutsy-native-line:#303034;--gutsy-native-field-line:#414147;
 --gutsy-native-field:#171719;--gutsy-native-hover:#242428;--gutsy-native-placeholder:#92929c;
 --gutsy-native-accent:#fe1988;--gutsy-native-notice:#24131b;
 --gutsy-native-danger:#FF1532; /* Existing Gutsy chilli, the destructive-action colour. */
 color-scheme:dark;accent-color:var(--gutsy-native-accent);
}
body:is(.gutsy-boundary,.gutsy-boundary-native-login){background:var(--gutsy-native-page)!important;color:var(--gutsy-native-ink)!important}
/* A notice is a surface/text pair, including messages from security and recovery plugins. */
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login :is(.message,.notice,#login_error),
body.gutsy-boundary .gb-native :is(.pmpro_message,.notice){background:var(--gutsy-native-notice)!important;color:var(--gutsy-native-ink)!important;border:1px solid var(--gutsy-native-line);border-left:3px solid var(--gutsy-native-accent);border-radius:12px;box-shadow:none;padding:16px;margin:16px 0;overflow-wrap:anywhere}
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login :is(.message,.notice,#login_error) :is(p,a,li,strong),
body.gutsy-boundary .gb-native :is(.pmpro_message,.notice) :is(p,a,li,strong){color:inherit!important}
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login :is(.message,.notice,#login_error) a{text-decoration:underline;text-underline-offset:4px}
/* Native recovery/reset/security forms share controls, rather than styling each action URL. */
body.login.gutsy-boundary-native-login:not(.gutsy-public-login){font-family:Inter,system-ui,sans-serif!important}
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login{max-width:448px;width:100%;padding:48px 20px;box-sizing:border-box}
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login form{background:var(--gutsy-native-card)!important;color:var(--gutsy-native-ink)!important;border:1px solid var(--gutsy-native-line);border-radius:20px;box-shadow:none}
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login :is(label,.description,.indicator-hint,.pw-weak){color:var(--gutsy-native-ink)!important}
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login :is(select,textarea),
body.gutsy-boundary .gb-native :is(input.input,input[type=text],input[type=email],input[type=password],select,textarea){box-sizing:border-box;max-width:100%;min-height:48px;border:1px solid var(--gutsy-native-field-line)!important;border-radius:12px;background:var(--gutsy-native-field)!important;color:var(--gutsy-native-ink)!important;font:400 16px/1.5 Inter,system-ui,sans-serif}
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login input::placeholder,
body.gutsy-boundary .gb-native :is(input,textarea)::placeholder{color:var(--gutsy-native-placeholder);opacity:1}
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login :is(.button-primary,input[type=submit]){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--gutsy-native-accent);border-radius:999px;background:var(--gutsy-native-accent)!important;color:#fff!important;box-shadow:none;text-shadow:none;font:600 14px/1.5 Inter,system-ui,sans-serif;white-space:normal}
body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login .wp-hide-pw{color:var(--gutsy-native-muted)!important;background:transparent;box-shadow:none}
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login :is(#nav,#backtoblog,.privacy-policy-page-link),
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login :is(#nav,#backtoblog,.privacy-policy-page-link) a{color:var(--gutsy-native-muted)!important}
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login :is(a,button,input,select,textarea):focus-visible,
body.gutsy-boundary .gb-native :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--gutsy-native-accent);outline-offset:3px}
body:is(.gutsy-public-login,.gutsy-boundary-native-login) #login input:autofill{color:var(--gutsy-native-ink)!important;-webkit-text-fill-color:var(--gutsy-native-ink);box-shadow:0 0 0 1000px var(--gutsy-native-field) inset}
@media(max-width:600px){body.login.gutsy-boundary-native-login:not(.gutsy-public-login) #login{padding-top:32px}}
