/* Bootstrap 모달 오버라이드 - components.css 충돌 방지 */

/* 기존 커스텀 모달 스타일 완전 무효화 */
.modal-overlay {
    display: none !important;
    pointer-events: none !important;
}

/* Bootstrap 모달 포인터 이벤트 보장 */
.modal {
    pointer-events: auto !important;
    z-index: 1055 !important;
}

.modal.show {
    display: block !important;
    pointer-events: auto !important;
}

.modal-dialog {
    pointer-events: auto !important;
    position: relative !important;
}

.modal-content {
    pointer-events: auto !important;
}

.modal-backdrop {
    z-index: 1050 !important;
    pointer-events: auto !important;
    opacity: 0.5 !important;
}

/* aria-hidden 상태에서도 클릭 가능하도록 */
.modal[aria-hidden="true"] {
    pointer-events: none;
}

.modal[aria-hidden="false"],
.modal:not([aria-hidden]) {
    pointer-events: auto !important;
}

/* Bootstrap 모달 기본 스타일 유지 */
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
}

.modal.show .modal-dialog {
    transform: none;
}

/* 모달 내용 스타일 */
.modal-content {
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
}