/* Contact Form Fix - Nuclear Option */

/* 1. Reset Stacking Context for the Section */
section:has(.request-form-area) {
    position: relative;
    z-index: 10;
}

/* 2. Bring the form area to the front */
.request-form-area {
    position: relative !important;
    z-index: 9999 !important;
    background-color: transparent;
    /* Ensure visibility isn't blocking, but z-index is high */
}

/* 3. Push the background image behind */
.contact-form-bg {
    position: relative;
    z-index: 1 !important;
    pointer-events: none !important;
    /* Prevent it from capturing clicks */
}

/* 4. Force FORM itself to be interactive */
#contact-form,
.request-form {
    position: relative !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
}

/* 5. Force ALL Inputs/Textareas/Selects to be interactive */
.request-form-area input,
.request-form-area textarea,
.request-form-area select,
.request-form-area button,
.request-form-area .form-control,
.request-form-area .form-check-input,
.request-form-area .form-check-label {
    position: relative !important;
    z-index: 10001 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 6. Specific fix for the submit button */
.request-form-area .pbmit-btn {
    z-index: 10002 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 7. Checkbox specifics (keeping previous fix) */
.request-form-area .form-check-input {
    width: 20px !important;
    height: 20px !important;
    margin-top: 5px !important;
    cursor: pointer !important;
}

.request-form-area .form-check-label a {
    position: relative !important;
    z-index: 10003 !important;
    pointer-events: auto !important;
    color: inherit;
    text-decoration: underline;
}

/* 8. Fix for potential bootstrap column overlays */
.col-md-12:has(.request-form-area),
.col-xl-6:has(.request-form-area) {
    position: relative !important;
    z-index: 50 !important;
}