/* Fix pour les éléments de tableau qui causent la disparition du header */

/* Styles pour les éléments de tableau de la page d'accueil */
.market-table {
    width: 100%;
    background-color: var(--bg-secondary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-color);
    position: relative;
    z-index: 1; /* S'assurer que le tableau reste sous le header */
}

.table-header {
    display: flex;
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-color);
    position: relative;
    z-index: 1;
    font-weight: 600;
    color: var(--text-secondary);
}

.table-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    transition: background-color var(--transition-fast);
    position: relative;
    z-index: 1;
}

.table-row:hover {
    background-color: rgba(0, 224, 255, 0.05);
}

.table-row:last-child {
    border-bottom: none;
}

.table-row.header {
    background-color: var(--bg-primary);
    font-weight: 600;
    color: var(--text-secondary);
}

.table-cell {
    flex: 1;
    padding: var(--spacing-md);
    color: var(--text-primary);
    font-size: var(--font-size-sm);
    position: relative;
    z-index: 1;
    /* Empêcher les éléments de tableau d'avoir un positionnement absolu */
    position: static !important;
}

.table-cell.crypto-info {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.crypto-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.crypto-name {
    font-weight: 500;
    color: var(--text-primary);
    font-size: var(--font-size-sm);
}

.crypto-code {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

.table-cell.price {
    font-weight: 600;
    color: var(--text-primary);
}

.table-cell.change {
    font-weight: 500;
}

.table-cell.change.positive {
    color: var(--success-color);
}

.table-cell.change.negative {
    color: var(--danger-color);
}

.table-cell.volume {
    color: var(--text-secondary);
}

/* Protection spéciale contre les éléments problématiques */
.table-header *,
.table-row *,
.table-cell * {
    /* Empêcher tout élément enfant d'avoir un positionnement absolu ou fixe */
    position: static !important;
    z-index: auto !important;
}

/* S'assurer que les éléments de tableau ne peuvent pas interférer avec le header */
.market-table,
.table-header,
.table-row,
.table-cell {
    /* Forcer un z-index bas pour tous les éléments de tableau */
    z-index: 1 !important;
    /* Empêcher le positionnement absolu ou fixe */
    position: static !important;
}

/* Correction spécifique pour les éléments qui pourraient contenir le texte problématique */
.table-cell:contains("Crypto"),
.table-cell:contains("Prix"),
.table-cell:contains("24h"),
.table-cell:contains("Volume") {
    position: static !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
}