/**
 * Form Fixes - Override for required field asterisks
 * This file should be loaded AFTER all other CSS to override any existing styles
 */

/* ============================================
   GLOBAL: Remove all CSS-generated asterisks
   for required fields - we add them manually
   with <span class="text-red-500">*</span>
   ============================================ */

/* Nuclear option - hide ALL ::after pseudo-elements on label spans */
.form-create-account label span::after,
.form-create-account .label span::after,
#accountcreate label span::after,
#accountcreate .label span::after,
.field.required label span::after,
.field.required .label span::after,
.field-name-firstname label span::after,
.field-name-firstname .label span::after,
.field-name-lastname label span::after,
.field-name-lastname .label span::after,
.required label span::after,
.required .label span::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Ensure our manual asterisk spans are visible */
.text-red-500 {
    color: #ef4444 !important;
    display: inline !important;
    visibility: visible !important;
}

.required-indicator {
    color: #ef4444 !important;
    margin-left: 0.25rem !important;
    display: inline !important;
    visibility: visible !important;
}