/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 03 2025 | 07:17:38 */
/* =================================================== */
/* FONDO BLANCO GENERAL PARA TAINACAN - SNIPPET ÚNICO */
/* =================================================== */

/* ---------------------------------------------------
   1. FONDO GENERAL DE PÁGINAS TAINACAN
--------------------------------------------------- */
.theme-items-list:not(.is-fullscreen) {
    background: white !important;
    background-color: white !important;
}

/* Área de resultados principal */
#items-list-area,
#items-list-results {
    background-color: white !important;
}

/* Páginas de archivo de Tainacan */
body[class*='post-type-archive-tnc_col_'],
body[class*='tax-tnc_'] {
    background-color: white !important;
}

/* ---------------------------------------------------
   2. FONDO BLANCO PARA TODAS LAS CARDS/ITEMS
--------------------------------------------------- */
/* Cards - Vista principal */
.tainacan-cards-container .tainacan-card {
    background-color: white !important;
}

/* Metadatos de cards */
.tainacan-cards-container .tainacan-card .metadata-title[data-v-4a058622],
.tainacan-cards-container .tainacan-card .media .list-metadata[data-v-4a058622] {
    background-color: white !important;
}

/* Para todas las vistas de items */
.tainacan-masonry-container .tainacan-masonry-item,
.tainacan-records-container .tainacan-record,
.tainacan-list-container .tainacan-list,
.tainacan-mosaic-container .tainacan-mosaic-item {
    background-color: white !important;
}

/* Tabla */
.tainacan-table {
    background-color: white !important;
}

/* ---------------------------------------------------
   3. VARIABLES CSS GLOBALES TAINACAN
--------------------------------------------------- */
.theme-items-list {
    --tainacan-background-color: white !important;
    --tainacan-item-background-color: white !important;
    --tainacan-item-hover-background-color: #f8f9fb !important;
    --tainacan-skeleton-color: white !important;
}

body:not(.tainacan-admin-page) {
    --tainacan-background-color: white !important;
}

/* ---------------------------------------------------
   4. PANEL DE FILTROS (OPCIONAL)
--------------------------------------------------- */
#filters-modal .modal-content,
#filters-modal .modal-content #filters-items-list {
    background-color: white !important;
}

/* Filtros en estilo boxed */
.page.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {
    background-color: white !important;
    box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04))) !important;
}

/* ---------------------------------------------------
   5. CABECERA DE COLECCIÓN Y SEARCH CONTROL
--------------------------------------------------- */
/* Cabeceras especiales de Tainacan */
.tainacan-collection-header,
.tainacan-collection-header__box {
    background-color: white !important;
}

/* Search control */
.search-control {
    background-color: white !important;
}

/* Cabecera boxed */
.page.has-page-header-style-boxed .tainacan-collection-header .tainacan-collection-header__box,
.page.has-page-header-style-boxed .search-control {
    background-color: white !important;
}

/* ---------------------------------------------------
   6. CONTENEDORES ESPECÍFICOS
--------------------------------------------------- */
/* Contenedor de búsqueda avanzada */
#advanced-search-container {
    background-color: white !important;
}

/* Modal y dialog de Tainacan */
.tainacan-modal-content .modal-card-body,
.tainacan-dialog .modal-card-body {
    background-color: white !important;
}

/* ---------------------------------------------------
   7. RESPONSIVE - MÓVILES
--------------------------------------------------- */
@media screen and (max-width: 768px) {
    .theme-items-list:not(.is-fullscreen) {
        background: white !important;
    }
    
    #filters-modal.modal .modal-content {
        background-color: white !important;
    }
}

