/**
 * Correctif global modals Bootstrap — empilement backdrop / dialogue.
 * (Régression : erp-compte-modern.css forçait backdrop z-index 2090 sur toutes les pages.)
 */
body.modal-open .modal-backdrop.show {
    z-index: 1050 !important;
    opacity: 0.5 !important;
}

body.modal-open .modal.show {
    z-index: 1055 !important;
    opacity: 1 !important;
}

body.modal-open .modal.show .modal-dialog,
body.modal-open .modal.show .modal-content {
    opacity: 1 !important;
}

body.modal-open .modal.show .modal-content {
    background-color: var(--vz-modal-bg, #fff) !important;
}

body.modal-open .modal.show .modal-header,
body.modal-open .modal.show .modal-body,
body.modal-open .modal.show .modal-footer {
    opacity: 1 !important;
}

/* Volet global mouvements client — empilement dédié */
body.modal-open:has(#erpMvtGlobalDetailModal.show) .modal-backdrop.show {
    z-index: 2090 !important;
}

#erpMvtGlobalDetailModal.modal.show {
    z-index: 2100 !important;
}

/* Shell Fashion : modals hors #layout-wrapper, z-index cohérent avec topbar (1000) */
body.pap-fashion-body.modal-open .modal.show {
    z-index: 1060 !important;
}

body.pap-fashion-body.modal-open .modal-backdrop.show {
    z-index: 1055 !important;
}

/* Modal création transaction — liste client Choices.js au-dessus des champs suivants */
#showModalvente .modal-content,
#showModalvente .modal-body {
    overflow: visible !important;
}

#showModalvente .choices {
    position: relative;
    margin-bottom: 0;
    overflow: visible;
}

#showModalvente .choices.is-open,
#showModalvente .mb-3.erp-choices-open {
    position: relative;
    z-index: 1080;
}

#showModalvente .choices.is-open {
    overflow: visible !important;
}

#showModalvente .choices__list--dropdown {
    z-index: 1080 !important;
}

#showModalvente .choices__list--dropdown .choices__list {
    max-height: 240px;
}

#showModalvente .choices__list--dropdown .choices__item {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* Partage WhatsApp — centrage viewport (modal déplacée sur body via JS) */
#erpWaShareModal.modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1060 !important;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

#erpWaShareModal.modal.show {
    display: block !important;
}

#erpWaShareModal .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
    margin: 0.5rem auto;
    max-width: 420px;
}

#erpWaShareModal .modal-dialog-centered {
    min-height: calc(100% - 1rem);
}