/*
 * Final popup layering rules.
 * Several templates use custom overlays with very high z-index values, so keep
 * interactive popups above them and keep their panels clickable.
 */

.modal-backdrop {
    z-index: 10000070 !important;
}

.modal {
    --mcraft-modal-top-offset: 24px;
    pointer-events: none;
}

body.admin-bar .modal {
    --mcraft-modal-top-offset: 56px;
}

.modal.show,
.modal.fade.show,
#myModal.add-to-cart-modal,
#popup_donnolive,
#popupNewsLetter,
#myModalCoupon,
.modal-accessories,
.edition-list,
.lead_form {
    z-index: 10000080 !important;
    pointer-events: auto;
}

.modal.show:not(.add-to-cart-modal) {
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--mcraft-modal-top-offset) 16px 24px !important;
}

.modal.show:not(.add-to-cart-modal) .modal-dialog {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.modal.show:not(.add-to-cart-modal) .modal-dialog-centered {
    align-items: flex-start;
    min-height: auto;
}

.modal.show .modal-dialog,
.modal.show .modal-content,
.modal.show .modal-header,
.modal.show .modal-body,
.modal.show .modal-footer {
    pointer-events: auto;
}

.modal.show .btn-close,
.modal.show button[data-bs-dismiss="modal"],
.modal.show .close {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

.fancybox__container {
    z-index: 10000090 !important;
}

.search-overlay {
    z-index: 10000050 !important;
}

.language-popup {
    z-index: 10000055 !important;
}

.mobile-menu:before {
    z-index: 10000040 !important;
}

.menumobile,
.mobile-menu.triggered .menumobile {
    z-index: 10000045 !important;
}

.menu-bar {
    z-index: 10000046 !important;
}

@media (max-width: 782px) {
    body.admin-bar .modal {
        --mcraft-modal-top-offset: 70px;
    }
}