/**
 * Remix Genre Grid - Estilos Maestros Sincronizados
 * Ruta: kimono-child/remix-genre-grid/css/remix-genre.css
 */

/* Mantenemos el look original de tus 8 columnas exactamente como las tenías */
.genre-table-wrapper .remix-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important; 
}

.genre-table-wrapper .remix-table th:nth-child(1), .genre-table-wrapper .remix-table td:nth-child(1) { width: 70px; text-align: center; }   /* PLAY */
.genre-table-wrapper .remix-table th:nth-child(2), .genre-table-wrapper .remix-table td:nth-child(2) { width: 14%; text-align: left; }      /* REMIXER */
.genre-table-wrapper .remix-table th:nth-child(3), .genre-table-wrapper .remix-table td:nth-child(3) { width: 26%; text-align: left; }      /* TITLE */
.genre-table-wrapper .remix-table th:nth-child(4), .genre-table-wrapper .remix-table td:nth-child(4) { width: 14%; text-align: center;}     /* VERSION */
.genre-table-wrapper .remix-table th:nth-child(5), .genre-table-wrapper .remix-table td:nth-child(5) { width: 8%; text-align: center; }      /* BPM */
.genre-table-wrapper .remix-table th:nth-child(6), .genre-table-wrapper .remix-table td:nth-child(6) { width: 12%; text-align: center; }     /* GENRE */
.genre-table-wrapper .remix-table th:nth-child(7), .genre-table-wrapper .remix-table td:nth-child(7) { width: 10%; }                        /* DATE */
.genre-table-wrapper .remix-table th:nth-child(8), .genre-table-wrapper .remix-table td:nth-child(8) { width: 14%; text-align: center; }    /* PURCHASE */

/* 
 * CORRECCIÓN: Forzar que el texto de la columna GENRE (Columna 6) 
 * sea blanco puro (#ffffff) de manera independiente, igual que la de TITLE (Columna 3).
 */
.genre-table-wrapper .remix-table td:nth-child(3) a,
.genre-table-wrapper .remix-table td.white-genre-cell {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Conservar la responsividad móvil original que oculta las columnas indicadas */
@media (max-width: 768px) {
    .genre-table-wrapper .remix-table th:nth-child(2), .genre-table-wrapper .remix-table td:nth-child(2),
    .genre-table-wrapper .remix-table th:nth-child(4), .genre-table-wrapper .remix-table td:nth-child(4),
    .genre-table-wrapper .remix-table th:nth-child(5), .genre-table-wrapper .remix-table td:nth-child(5),
    .genre-table-wrapper .remix-table th:nth-child(6), .genre-table-wrapper .remix-table td:nth-child(6),
    .genre-table-wrapper .remix-table th:nth-child(7), .genre-table-wrapper .remix-table td:nth-child(7) {
        display: none !important;
    }

    .genre-table-wrapper .remix-table {
        table-layout: auto !important;
    }

    .genre-table-wrapper .remix-table th:nth-child(1), .genre-table-wrapper .remix-table td:nth-child(1) { width: 60px !important; }
    .genre-table-wrapper .remix-table th:nth-child(3), .genre-table-wrapper .remix-table td:nth-child(3) { width: auto !important; font-size: 13px !important; }
    .genre-table-wrapper .remix-table th:nth-child(8), .genre-table-wrapper .remix-table td:nth-child(8) { width: 100px !important; }
}