/* Only the two account-creation password fields are marked by password-fields.js.
   Linked labels remain available to screen readers; the browser owns placeholder
   visibility, including paste, autofill, clearing and password reveal. */
[data-sardo-password-field] label[data-sardo-password-label] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Keep WooCommerce's borders, colours, height and reveal-button space. Override
   only the vertical floating-label offset, also when is-active/autofill applies. */
.wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input[data-sardo-password-field] input[data-sardo-password-input],
.wp-block-woocommerce-checkout .wc-block-components-text-input[data-sardo-password-field] input[data-sardo-password-input] {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-inline-start: 12px;
}

[data-sardo-password-field] input[data-sardo-password-input]::placeholder {
    color: inherit;
    opacity: 1;
}

.sardo-block-password-confirm {
    margin-top: 12px;
}

.sardo-block-password-error {
    margin-top: 5px;
    color: #b42318;
    font-size: 12px;
    line-height: 1.35;
}