.jo-simple-modal .modal-content {
    position: relative !important;
}
.jo-simple-modal .modal-title {
    margin-bottom: 0;
    line-height: 1;
    font-weight: normal;
    font-size: 1.1rem;
}
.jo-simple-modal .modal-content .btn-close {
  position: absolute !important;
  top: -2.5rem !important;
  right: -2.5rem !important;
  z-index: 1050;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 0.25rem;
  opacity: 0.75;
}
.jo-simple-modal .josmodal {
    cursor: pointer;
}



/* Light Theme */
.jo-simple-modal.light .modal-content {
    background-color: #fff;
    color: #000;
}

.jo-simple-modal.light .modal-header {
    background-color: #f8f9fa;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.jo-simple-modal.light .modal-body {
    background-color: #fff;
    color: #000;
}

/* Dark Theme */
.jo-simple-modal.dark .modal-content {
    background-color: #000;
    color: #fff;
}

.jo-simple-modal.dark .modal-header {
    background-color: #333;
    color: #fff;
    border-bottom: 1px solid #555;
    padding: 10px;
}

.jo-simple-modal.dark .modal-body {
    background-color: #000;
    color: #fff;
}
.jo-simple-modal.dark .modal-content .btn-close{
    filter: invert(1);
}

/* Fade Animation */
/* Pure Fade Animation */
.jo-simple-modal.modal.fade {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    transform: none !important;
}
.jo-simple-modal.modal.fade.show {
    opacity: 1;
    transform: none !important;
}
/* Prevent sliding during fade animation */
.jo-simple-modal.modal.fade .modal-dialog {
    transition: none !important;
    transform: none !important;
}
.jo-simple-modal.modal.show .modal-dialog {
    transform: none !important;
}

/* Slide from Left */
.jo-simple-modal.modal.slide-left {
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;
}
.jo-simple-modal.modal.slide-left.show {
    transform: translateX(0);
}

/* Slide from Right */
.jo-simple-modal.modal.slide-right {
    transform: translateX(100%);
    transition: transform 0.5s ease-in-out;
}
.jo-simple-modal.modal.slide-right.show {
    transform: translateX(0);
}

/* Slide from Top */
.jo-simple-modal.modal.slide-top {
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
}
.jo-simple-modal.modal.slide-top.show {
    transform: translateY(0);
}

/* Slide from Bottom */
.jo-simple-modal.modal.slide-bottom {
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
}
.jo-simple-modal.modal.slide-bottom.show {
    transform: translateY(0);
}

/* Zoom Animation */
.jo-simple-modal.modal.zoom {
  transform: scale(0.5);
  transition: transform 0.5s ease-in-out;
}
.jo-simple-modal.modal.zoom.show {
    transform: scale(1);
}

/* Fallback Animation Speed */
.jo-simple-modal.modal.fade,
.jo-simple-modal.modal.zoom,
.jo-simple-modal.modal.slide-left,
.jo-simple-modal.modal.slide-right,
.jo-simple-modal.modal.slide-top,
.jo-simple-modal.modal.slide-bottom {
    transition-duration: 0.5s;
}



@media (max-width:575.99px) {
    .jo-simple-modal .modal-content .btn-close {
        top: -1rem !important;
        right: -1rem !important;
    }
}