/* CRITICAL MODAL OVERRIDE - Fixes blue overlay issue */

/* Remove ALL backdrop filters and gradients */
* {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Modal specific overrides */
#exampleModal,
#exampleModal.modal,
#exampleModal.modal.show,
#exampleModal.modal.fade.show {
    z-index: 2147483647 !important; /* Maximum z-index value */
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Modal dialog must be on top */
#exampleModal .modal-dialog,
.modal-dialog.contactPopup {
    z-index: 2147483647 !important;
    position: relative !important;
}

/* Modal content MUST have white background */
#exampleModal .modal-content,
.modal-content {
    background: white !important;
    background-color: white !important;
    z-index: 2147483647 !important;
    position: relative !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Modal body must be white */
#exampleModal .modal-body,
.contactForm.modal-body {
    background: white !important;
    background-color: white !important;
    z-index: 2147483647 !important;
    position: relative !important;
    opacity: 1 !important;
}

/* Backdrop should be behind */
.modal-backdrop,
.modal-backdrop.show,
.modal-backdrop.fade,
.modal-backdrop.fade.show {
    z-index: 2147483640 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove all decorative elements */
.modal-content::before,
.modal-content::after,
#exampleModal::before,
#exampleModal::after {
    display: none !important;
    content: none !important;
}

/* Ensure form elements are visible */
#exampleModal input,
#exampleModal textarea,
#exampleModal button,
#exampleModal .form-control {
    position: relative !important;
    z-index: 2147483647 !important;
    opacity: 1 !important;
    background-color: white !important;
}

/* Remove any blue overlays from page elements */
.circleGradient,
.ovelGradient,
[data-circle] {
    z-index: 1 !important;
}