/* Modal accessibility fixes */

/* Fix for ARIA hidden warning by using inert attribute approach */
.modal-open [modal-backdrop] {
    pointer-events: auto !important;
}

/* Remove modal-open padding-right that causes layout shift */
.modal-open {
    padding-right: 0 !important;
    overflow: hidden;
}

/* Better focus indication for modals */
.modal-content:focus {
    outline: none !important; /* Remove default outline */
}

/* But keep focus visible for focusable elements inside modal */
.modal button:focus,
.modal [href]:focus,
.modal input:focus,
.modal select:focus,
.modal textarea:focus,
.modal [tabindex]:focus {
    outline: 3px solid #0d6efd !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25) !important;
}

/* Apply better styling to inert elements */
[inert] {
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Fix modal stacking issue */
.modal {
    z-index: 1050;
}

/* Ensure modals don't use aria-hidden */
.modal[aria-hidden="true"] {
    display: block !important;
    visibility: visible !important;
}

/* Prevent page shift when modal opens */
.modal-dialog {
    margin-right: auto !important;
    margin-left: auto !important;
}