/**
 * Correções para o painel administrativo do WordPress
 * Especialmente para conflitos de z-index entre plugins
 */

/* 
 * Correção para o Real Media Library (RML)
 * O modal do RML estava abrindo atrás do modal de seleção de mídia do Tainacan
 * Aumentamos o z-index para garantir que fique na frente
 */

/* Modal principal do Real Media Library */
.rml-modal,
.rml-container-modal,
[class*="rml-"] .ReactModal__Overlay,
[class*="rml-"] .ReactModal__Content {
    z-index: 9999999 !important;
}

/* Overlay do Real Media Library */
.rml-modal-overlay,
[class*="rml-"] .ReactModal__Overlay {
    z-index: 9999998 !important;
}

/* Conteúdo do modal do Real Media Library */
.rml-modal-content,
[class*="rml-"] .ReactModal__Content {
    z-index: 9999999 !important;
}

/* Seletor de pastas do Real Media Library */
.rml-folder-tree,
.rml-folder-selector,
.rml-folder-picker {
    z-index: 10000000 !important;
}

/* Garantir que o modal de seleção de pasta fique na frente */
body .rml-folder-selector-modal,
body [class*="RmlFolderSelector"],
body [class*="rml-folder-selector"] {
    z-index: 10000001 !important;
}

/* Garantir que dropdowns e tooltips do RML também fiquem na frente */
.rml-dropdown,
.rml-tooltip,
[class*="rml-"] .dropdown-menu {
    z-index: 10000002 !important;
}

/* Dialog do RML */
.rml-dialog,
[class*="rml-"] dialog,
[class*="rml-"][role="dialog"] {
    z-index: 10000003 !important;
}

/* 
 * Ajuste para o modal de mídia do WordPress/Tainacan
 * Mantém em um z-index alto, mas menor que o RML
 */
.media-modal {
    z-index: 160000 !important;
}

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

/* 
 * Garantir que o modal de seleção de imagem do Tainacan
 * fique atrás do Real Media Library
 */
.tainacan-modal,
.tainacan-media-modal,
.tainacan-modal-content,
.modal-card,
.modal-background {
    z-index: 160000 !important;
}

/* Overlay do Tainacan */
.tainacan-modal-overlay {
    z-index: 159900 !important;
}

/* GARANTIR QUE O RML FIQUE SEMPRE POR CIMA DO TAINACAN */
body .ReactModalPortal,
body > .ReactModalPortal,
body div[class*="rml"] {
    z-index: 99999999 !important;
}

body .ReactModal__Overlay,
body > .ReactModalPortal .ReactModal__Overlay {
    z-index: 99999998 !important;
}

body .ReactModal__Content,
body > .ReactModalPortal .ReactModal__Content {
    z-index: 99999999 !important;
}

/* 
 * Correção adicional para React Modals genéricos
 * que possam estar sendo usados pelo RML
 */
.ReactModalPortal {
    z-index: 9999997 !important;
}

.ReactModal__Overlay {
    z-index: 9999998 !important;
}

.ReactModal__Content {
    z-index: 9999999 !important;
}

/* Portais do React que contenham RML */
[class*="rml"] .ReactModalPortal,
body > .ReactModalPortal:has([class*="rml"]) {
    z-index: 10000000 !important;
}

/* 
 * Garantir que elementos do admin do WordPress não interfiram
 */
#wpadminbar {
    z-index: 99999 !important;
}

/* Garantir que a sidebar do admin fique atrás dos modais */
#adminmenuwrap,
#adminmenu,
#adminmenuback,
.folded #adminmenuwrap,
.folded #adminmenu {
    z-index: 9990 !important;
}

/* Modal de mídia do WordPress deve ficar acima da sidebar */
.media-modal {
    z-index: 160000 !important;
}

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

/* Conteúdo dentro do modal de mídia */
.media-modal-content {
    z-index: 160001 !important;
}

/* Frame do uploader */
.media-frame,
.media-frame-content,
.media-frame-toolbar,
.media-frame-title {
    z-index: 160002 !important;
}

/* Sidebar e attachments do modal de mídia */
.attachments-browser,
.media-sidebar,
.attachment-details {
    z-index: 160003 !important;
}

/* 
 * Correção para o botão de fechar do modal do RML
 */
.rml-modal .close,
.rml-modal-close,
[class*="rml-"] .close-button,
[class*="rml-"] button[aria-label*="close"],
[class*="rml-"] button[aria-label*="Close"] {
    z-index: 10000004 !important;
}

/* Garantir que todos os elementos do RML fiquem acima do resto */
[class*="rml-"],
[data-rml],
.rml * {
    position: relative;
    z-index: auto;
}

/* Container principal do RML deve ter z-index altíssimo */
body > [class*="rml"],
body > div[class*="ReactModalPortal"] {
    z-index: 10000005 !important;
}