/* Emergency fix for gender dropdown visibility */

/* Force all gender-related elements to be visible */
.form-group:has(select[name*="gender"]),
.form-group:has(label[for*="gender"]),
div:has(> label[for*="gender-selection"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 999 !important;
    margin-bottom: 1rem !important;
}

/* Force gender select elements to show */
select#option1-gender-selection,
select#option2-gender-selection,
select#option3-gender-selection,
select[name="option1-gender"],
select[name="option2-gender"],
select[name="option3-gender"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 36px !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Force gender labels to show */
label[for="option1-gender-selection"],
label[for="option2-gender-selection"],
label[for="option3-gender-selection"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Ensure parent containers don't hide gender fields */
.form-section .form-group:nth-of-type(1),
.form-section .form-group:nth-of-type(2),
.form-section > div:first-of-type,
.form-section > div:nth-child(2) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Gender field styling */
.form-group:has(select[name*="gender"]) {
    padding: 0 !important;
    background: transparent !important;
}

/* Force submit buttons to be enabled */
button[type="submit"] {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

button[type="submit"]:disabled {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    background: #2a69ac !important;
}

/* Remove disabled styling */
.btn-primary:disabled,
.btn-primary.disabled,
button[type="submit"]:disabled,
button[type="submit"].disabled {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    background-color: #2a69ac !important;
    border-color: #2a69ac !important;
}