/* Checkout-only password guidance; ticks and text work without relying on colour. */
#diyai-checkout-password-help { margin:12px 0 0; color:#475c7a; font-size:13px; line-height:1.5; }
#diyai-checkout-password-help .diyai-password-help-title { margin:0 0 8px; font:inherit; font-weight:600; }
#diyai-checkout-password-help .diyai-password-rules { display:grid; grid-template-columns:1fr; gap:6px 14px; padding:0; margin:0; list-style:none; }
#diyai-checkout-password-help .diyai-password-rules li { display:flex; align-items:center; gap:8px; margin:0; padding:0; font:inherit; list-style:none; }
#diyai-checkout-password-help .diyai-password-rule-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 19px; height:19px; border-radius:50%; border:1px solid #9aaac0; color:#526781; font-size:14px; line-height:1; }
#diyai-checkout-password-help .is-met { color:#10213c; }
#diyai-checkout-password-help .is-met .diyai-password-rule-icon { background:#fff1d2; border-color:#b5780b; color:#754800; font-weight:700; }
#diyai-checkout-password-help .diyai-password-count { margin:9px 0 0; font:inherit; font-size:12px; color:#536680; }

/* Keep the checkout focus ring inside the rounded field, clear of clipped ancestors. */
body #pmpro_form :is(input[type="text"], input[type="email"], input[type="password"]):focus {
    border-color: #b85c00;
    outline: 2px solid #b85c00;
    outline-offset: -2px;
    box-shadow: inset 0 0 0 4px rgb(255 166 0 / 10%);
    background-color: #fff;
}
@media (forced-colors: active) {
    body #pmpro_form :is(input[type="text"], input[type="email"], input[type="password"]):focus {
        outline-color: Highlight;
        box-shadow: none;
    }
}