/* ========================================
   Tainacan - CSS Customizado
   Sobrescreve estilos do Tainacan
   ======================================== */

/* Remover backgrounds beges dos filtros do Tainacan */

/* Abordagem 1: Todos os elementos dentro de aside */
aside,
aside * {
    background: white !important;
    background-color: white !important;
}

/* Abordagem 2: Classes específicas do Tainacan relacionadas a filtros */
.filters-menu,
.filters-menu *,
.filters-components-list,
.filters-components-list *,
.tainacan-filters-menu,
.tainacan-filters-menu *,
.tainacan-filter,
.tainacan-filter *,
.filter-menu-item,
.filter-menu-item *,
.filter-item-forms,
.filter-item-forms * {
    background: white !important;
    background-color: white !important;
}

/* Abordagem 3: Seletores com atributos que contenham "filter" */
[class*="filter"],
[class*="filter"] *,
[id*="filter"],
[id*="filter"] * {
    background: white !important;
    background-color: white !important;
}

/* Exceção: Manter backgrounds dos cards de itens */
.tainacan-card,
.tainacan-card *,
.items-list-area,
.items-list-area *,
article.tainacan-item,
article.tainacan-item *,
.tainacan-items-list,
.tainacan-items-list * {
    background: initial !important;
    background-color: initial !important;
}

/* Modais do Tainacan */
.modal-card-head,
.modal-card-foot {
    display: none !important;
}

.modal-card {
    padding: 0 !important;
    margin: 0 auto !important;
    background: white !important;
}

.modal-card-body {
    width: 100% !important;
    max-width: 100% !important;
    background: white !important;
}

.modal-background {
    background: transparent !important;
    opacity: 0 !important;
}

/* Modais do Tainacan */
.modal-card-head,
.modal-card-foot {
    display: none !important;
}

.modal-card {
    padding: 0 !important;
    margin: 0 auto !important;
    background: white !important;
}

.modal-card-body {
    width: 100% !important;
    max-width: 100% !important;
    background: white !important;
}

.modal-background {
    background: transparent !important;
    opacity: 0 !important;
}


/* ========================================
   Fix: Botão de Selecionar Arquivo Cortado
   Corrige o problema do botão "Selecionar" 
   ficar escondido na parte inferior do modal
   ======================================== */

/* Aumenta a altura do modal de seleção de arquivos */
.media-modal,
.media-frame,
.tainacan-modal-content,
.attachments-browser {
    min-height: 600px !important;
    height: auto !important;
    overflow: visible !important;
}

/* Garante espaço para o botão na parte inferior */
.media-toolbar,
.media-sidebar,
.attachment-details,
.media-frame-content {
    padding-bottom: 80px !important;
    margin-bottom: 20px !important;
}

/* Posiciona o botão de seleção corretamente */
.media-toolbar-primary,
.media-button-select {
    position: relative !important;
    bottom: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    z-index: 9999 !important;
}

/* Garante que o modal tenha altura suficiente */
.media-modal-content {
    min-height: 550px !important;
    padding-bottom: 100px !important;
}

/* Fix específico para o modal do WordPress */
.wp-core-ui .media-modal {
    height: auto !important;
    min-height: 600px !important;
}

/* Garante que a área de anexos não cubra o botão */
.attachments-browser .attachments,
.attachments-browser .media-toolbar {
    margin-bottom: 30px !important;
}

/* Fix para o footer do modal */
.media-frame-toolbar {
    position: relative !important;
    bottom: 0 !important;
    padding: 20px !important;
    margin-top: 20px !important;
    clear: both !important;
}

/* Aumenta altura do container principal */
.media-frame-content,
.media-frame-router,
.media-frame-title {
    overflow: visible !important;
}

/* Garante visibilidade do botão em todos os estados */
button.media-button-select,
button.button-primary.media-button-select {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 15px !important;
}