/* Mejoras de tema - Solo para hamburguesa, texto menú y tablas filtradas */

/* === HAMBURGUESA DEL MENÚ === */
/* Elementos que usan background-image para hamburguesa */
.menu-hamburger,
.hamburger-icon {
    background-image: var(--hamburger1) !important;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}

.menu-hamburger.open,
.hamburger-icon.open {
    background-image: var(--hamburger2) !important;
}

/* La hamburguesa principal no necesita !important para evitar conflictos */
.hamburger1 {
    background-image: var(--hamburger1);
}

.hamburger1.open {
    background-image: var(--hamburger2);
}

/* === ICONOS DE HERRAMIENTAS === */
/* Elementos que usan la variable --tools */
.tools,
.edit-icon,
.action-edit,
button .tools,
div.tools {
    background-image: var(--tools) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* === TEXTO DEL MENÚ === */
/* Texto "Menú" en la navegación lateral */
.menu-text,
.nav-menu-text,
.menu-label,
#menu-label,
.sidebar-menu-text,
.navigation-text,
.nav-text,
.menu-item-text,
.nav3Header .nav3HeaderTitle,
.nav3HeaderTitle,
.nav3_menu,
.nav3_menu a,
.nav3_menu .menu-item,
.nav3 .menu-text {
    color: var(--text) !important;
    transition: color 0.3s ease;
}

/* Hover para texto del menú */
.menu-text:hover,
.nav-menu-text:hover,
.menu-label:hover,
.nav3_menu a:hover {
    color: var(--azul) !important;
}

/* === TABLAS FILTRADAS === */
/* Estilos para tablas mostradas en tableWithFilters.js */
#table-container table,
.table-filters-container table,
.filtered-table,
.api-result-table {
    background: var(--table-filter-bg) !important;
    border: 1px solid var(--table-filter-border) !important;
}

#table-container th,
.table-filters-container th,
.filtered-table th,
.api-result-table th {
    background: var(--bg-th) !important;
    color: var(--color-th) !important;
    border: 1px solid var(--table-filter-border) !important;
}

#table-container td,
.table-filters-container td,
.filtered-table td,
.api-result-table td {
    color: var(--table-filter-text) !important;
    border: 1px solid var(--table-filter-border) !important;
    background: var(--table-result-bg) !important;
}

#table-container tr:nth-child(even),
.table-filters-container tr:nth-child(even),
.filtered-table tr:nth-child(even) {
    background: var(--bg-even) !important;
}

#table-container tr:hover,
.table-filters-container tr:hover,
.filtered-table tr:hover {
    background: var(--hover) !important;
}

/* Contenedor de tabla filtrada */
.table-container.filtered,
#table-container {
    background-color: var(--table-result-bg);
}

/* Responsividad */
@media (max-width: 768px) {
    .hamburguesa,
    .menu-hamburger,
    .hamburger-icon {
        width: 25px;
        height: 25px;
    }
}