/* ==========================================================
   Mufasa — PagBank 3DS Challenge Compat
   ----------------------------------------------------------
   O desafio 3DS (token do banco emissor — ex.: Itaú) é um iframe
   cross-origin injetado pelo SDK do PagBank (CardinalCommerce).
   NÃO controlamos o conteúdo interno (campos/botão do banco), mas
   garantimos que o modal e o overlay na NOSSA página apareçam por
   cima de tudo e possam ROLAR até o final — evitando que o botão
   de confirmar fique cortado, principalmente no mobile.

   Regras puramente defensivas: se os elementos não existirem
   (desafio sem atrito / outro provedor) nada acontece.
   ========================================================== */

/* Overlay de fundo do desafio */
#Cardinal-Overlay,
.cardinal-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
}

/* Modal do desafio — precisa ficar acima de tudo e poder rolar */
#Cardinal-Modal,
.cardinal-modal {
    z-index: 2147483647 !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Conteúdo interno do modal — garante rolagem até o botão do banco */
#Cardinal-ModalContent,
#Cardinal-Modal .modal-content,
#Cardinal-Modal .modal-body,
.cardinal-modal .modal-content,
.cardinal-modal .modal-body {
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Reforço aplicado via JS quando o desafio está aberto (qualquer provedor) */
.mufasa-3ds-active #mc-save-indicator { z-index: 9990 !important; }

.mufasa-3ds-modal {
    z-index: 2147483647 !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}