/* 
==========================================================================
Modal Opacity Fix - Overrides Bootstrap Modal Backdrop Opacity
==========================================================================
This file MUST be loaded AFTER Bootstrap CSS to properly override
the backdrop opacity that Bootstrap applies via SCSS.
*/

/* Force all modal elements to be fully opaque */
.modal-backdrop,
.modal-backdrop.show,
.modal-backdrop.fade,
.modal-content,
.modal-content.show,
.modal-content.fade,
.modal-content-wide,
.modal-content-wide.show,
.modal-content-wide.fade {
    opacity: 1 !important;
}

/* Ensure all children of modal content are fully opaque */
.modal-content *,
.modal-content-wide * {
    opacity: 1 !important;
}

/* Remove any fade transitions that might affect opacity */
.modal-backdrop.fade,
.modal-content.fade,
.modal-content-wide.fade {
    transition: none !important;
}

/* Additional specificity for nested Bootstrap elements */
.modal .modal-dialog,
.modal .modal-content,
.modal.fade .modal-dialog,
.modal.show .modal-dialog {
    opacity: 1 !important;
}

/* Ensure modal backdrop is visible but content stands out */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.modal-backdrop.show {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Force white background on modal content */
.modal-content,
.modal-content-wide {
    background: #ffffff !important;
    background-color: #ffffff !important;
}