/**
 * Modal Fix - Force opacity when modal has 'show' class
 *
 * Problem: Bootstrap 5 modal has opacity: 0 even with 'show' class
 * Solution: Force opacity: 1 when modal is shown
 */

/* Force modal to be visible when it has 'show' class */
.modal.show {
    opacity: 1 !important;
}

/* Ensure modal fade transition works properly */
.modal.fade {
    transition: opacity 0.15s linear;
}

/* Force modal to display when shown */
.modal.show {
    display: block !important;
}

/* Ensure modal dialog is visible */
.modal.show .modal-dialog {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Fix for modal backdrop */
.modal-backdrop.show {
    opacity: 0.5 !important;
}