/* Shared form validation states for front theme pages. */
:root {
    --form-error-color: var(--color-error, #e11d48);
    --form-error-content: #9f1239;
}

.required::after {
    content: " *";
    margin-left: 2px;
    color: var(--form-error-color);
    font-weight: 700;
}

/* DaisyUI input-error is now the primary error styling for all forms.
   These fallback selectors handle non-DaisyUI inputs, dynamic error
   feedback from ByteMD/Markdown editors, and inline error containers
   that may still reference old CSS classes. */

.invalid-feedback,
.form-error-message,
.auth-form-error,
[data-passkey-login-error]:not(:empty),
[data-passkey-profile-error]:not(:empty) {
    display: block !important;
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--form-error-content);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    box-sizing: border-box;
}

.auth-form-error:empty {
    display: none !important;
}