/**
 * Form Fixes CSS
 * Fixes issues with form interactions
 */

/* Make all form elements fully interactive */
input, select, textarea, button, .form-control, .form-select, .form-check-input {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
    z-index: 100 !important;
}

/* Fix form layouts to ensure they're fully visible */
.form-group, .form-check, .form-label, .form-control, .form-select, .mb-3, .row, .col {
    pointer-events: auto !important;
    position: relative !important;
}

/* Fix dropdown lists */
select.form-select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    background-image: none !important;
}

/* Make sure checkboxes are clickable */
.form-check-input, input[type="checkbox"] {
    position: static !important;
    margin-left: 0 !important;
    margin-top: 0.25rem !important;
    opacity: 1 !important;
    cursor: pointer !important;
    z-index: 100 !important;
    pointer-events: auto !important;
    user-select: auto !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    visibility: visible !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}

/* Fix the form-check container */
.form-check, .form-check-label {
    display: flex !important;
    align-items: center !important;
    position: static !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: auto !important;
    margin-bottom: 0.5rem !important;
}

/* Ensure label is aligned with checkbox */
.form-check-label {
    margin-left: 0.5rem !important;
    display: inline-block !important;
}

/* Ensure date inputs work properly */
input[type="date"] {
    height: auto !important;
    padding: 0.375rem 0.75rem !important;
}

/* Fix buttons */
button {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Remove any overlay elements that might block interactivity */
.custom-select-wrapper .custom-select-visual,
.date-overlay {
    display: none !important;
}

/* Ensure dropdowns are visible */
.dropdown-menu {
    z-index: 9999 !important;
}

/* Fix for Bootstrap enhanced elements */
.custom-select-wrapper select.form-select {
    opacity: 1 !important;
    z-index: 10 !important;
}